<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>简历视图</title>

  <!-- Bootstrap -->
  <!-- <link rel="stylesheet" href="bootstrap.min.css"> -->

  <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
  <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  <style>
    @font-face {
      font-family: ui-icons;
      src: url(data:application/font-woff;base64,d09GRgABAAAAABgUAAsAAAAAKyAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQwAAAFZW7kg4Y21hcAAAAYAAAAHbAAAFVNSkwZBnbHlmAAADXAAAEE0AABxcANDF92hlYWQAABOsAAAALwAAADYPh4nBaGhlYQAAE9wAAAAgAAAAJAfgA8hobXR4AAAT/AAAABUAAAEgH+kAAGxvY2EAABQUAAAAkgAAAJLyMupubWF4cAAAFKgAAAAfAAAAIAFaAHFuYW1lAAAUyAAAAVsAAAKprAB5inBvc3QAABYkAAAB7QAAAzwZuNu3eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKp65MTf8b2CIYW5gaAAKM4LkANhrC7sAeJzF1EdWG0EYxPH/ICGSyDmDTM7gHHGEjY/hQ3A6H6cWXvkGuHqqNz4Bo/eTRvOkUT911QcMAx07sy40f2koxx9fbdrrHcbb611++/2oH0N+fdBAd4+P7Rnaa8/K0bSf+FnPxvzdCfpMMsU0M8wyxzwLvsMiSyyzwiprrLPBJltss8MuA56xxz4HHHLEMSecehXnXHDJFddeT9ervqHHCM95wUte8Zo3vOUd7/nARz5xy2e+8JVvfOcHd9x7OT2e7Gie7qf/P/rlqfOrvvO/wkPlJYrwvqEmvINoKEoO1AnvKupGuauGwzuNeuE9RyPh3Uej4RygsXAi0Hg4G2ginBLUD+cFTUbJnqbCGULT4TShmXCu0Gw4YWgunDU0H04dWgjnDy2Gk4iWwplEy+F0opVwTtFqOLFoLZxdtB5OMdoI5xlthpONtsIZR9vhtKOdcO7RbrgBaBDugpsWbgXaD/cDHUTpsQ7DnUFH4fag43CP0Em4Ueg03C10FmUm6DzKXNBFlHmhy3AH0VVQ9vw6KHt+E24oqtxVVLm1qHJ/UeUmo8qdRpXbjSr3HFVuPKrcfVR5CqDK8wBVngyo8oxAlacFqjw3UOUJgirPElR5qqDK8wVV3P8D3lS0GgB4nI1ZD3AU13l/33v3Ryed7nS3ultJh6TbW90tIN0JdP8CwtIaJDz8baAGbDkG2WBqDHgodSFua1i3zVjC5k9JaibTjH0TXCeYxCWJGbspJls8CXGNJwkdHKCDOeLW4zRD4mCapC736Pd276Q7ilJ0u9/uvn37vfe+7/f9eyJOQm5eYSdYC5HIdDKbDJHPEgKuboj5aDsoWiZFuyGkOENys49pqqa41ViK3QVyzNUc7stlErLL7fKDDzogrfTltBTVIJsZoP3QF24HaI20/WEwPi3IDkB9i9bxBb6YfhVCneo0/0CSL+oZbO6LSnU7vcFgazD4XJ3L6ayj1OH3wVY57HF66l38Jae/LXSicwbtBG+r1rb0/sZoJPjQWObx9rjsATAMkCJR39cGA20BPP6iLSwFW91NjXUtbY1qVzPs/PeGFsnbnviA4B/gWm86gBGSIERJD0A+BZqaReIDd0hF0gFyOqvGEoOQ6+uEMIqB5s5tGmds3+Y6un/z5n2sDk82vuk/Rpob6p9zS+699V5pxLVv05b9+Go/Y/s317H9Wzbtc30j3PReff17TWFCKI5rOAgzSAPKmDgTRMuRfJjILsISMT9oCRRmJ7iFRAdBDg/QXsjnMpRc5JedTlAuXgTF6eSX6/yaf++4LzHNN7bP1y7u/fEINI7v8xlVvS7iV/SMz7dvzDctgT39Wrtv33gjROL+8b1+jdTOJ1Q7HwmFoLkhF8z/n9HXHnx31t8Ngzd+euzW4Zjy0NsDu+fyDx6GWc8Qwqr4h0l37QhxCzVqDFcriQsO6Ao1y+FOSOdQ7LjqC/yyywXKhQuguFz8Mr8uL5iZjLZPCz3X2uUKRlVGmbs50edraK83qvpdwO/eknv0ZFvzXXSxxGgk4qnzTUs9crR7/t8umW/rH8lR+ivSild3qNnlVlOQDWRy+XQHhAJ5S+nN8NV/CTR2NgaQeIPjnlZPuA6cb3sbAwCBRlqwr6Wr4x5P2NNKKnzZF+gngm8c4ZMNuF2xXkhkBiE7AMIU5IAP2MaoV3q2Hvl5PO8ii6jFyRdspC17LF6eMw2NwWBjaaQxaPOkBRQlWqiH5j1Ad/A9sGMm/w4sY4Qb3OiGVbCKlPVpMpPpKG8Zp6OG0qF0FoGcVSUEN+Icce0DKBaLOh7RkyWns3TSolAQLcWSXmlAaulvkp+KHLPIMKSGkGEWqjhqtglZhgMW7yKQKu4nD19wOC4ctigU7NF5tGqo/spbpBU5GlS31+z2AFvFj/Kj3WAAtoqVzxQymJA5LdryAewqAzw2E5bx78yEHYx0l7+7hSegz0Bkl2XXjTz32N9YvuEjXHMLqSNEshkqoW/Dhh5+D/xjD/8K88Eofz0Fh+BQir+u307ulkzclnwkzS275byc1/IarRHJC6kXX0y9YFFWLXW+vdKMlIhZlHn7SYR0ohY0tKReksbZBZSA0IUi9BFSQqAI9WAj6pwJNeEp3XI1GDF0buh4LZlg6OYNw9R1A//MCYJyIRRbsV0Hous3cHSdl5/K5DbYqF51FR6kPAoAfQkKIE+nAsXhqaRx4/tVyIAjNaKp2AY1hQY8lBa4wIfJ8VfWt04t7UgeMEEHXWh8Ags6YkF8Bwo2m1QAy6hgj9g8AQ3TYlkyQCcT35m4ZhuXAkaITolf5VeTIFkEpCS/ChLO46p1W/3Gmg3y+KyFV+QiONh83EATM8vQpjsqd5MIBuMWLL9KvyawHNfwew0O/WcSZBpOvvnzJP85lZOii7Oso7txJD/GdRkRRCQEDEIGQRNQAH0DUwKKFEhbv8IoRFFO0dESatk0TaqXzAJqmyJgDL2kM6KXCDU4AUMIUsjrlvV4qIazsQ64CDvKZvXexF2Vx+qu8V32XA3Ek4d4y7MlEs5T4DmgoJbyoTTgxON4irFRYzgZsKah7+ezLdSidsQMEdsMe7y+E1GrI5JJZZ5RJu4sD4CsgRKIlnCVHP0HN/ELK2YhMa15+HAWBCpTCMRlcCOY86DZgBEjvTHGP38k1u+dA0uTQjqIE462pY/xJ2OvROd4YWmqMjZKD63Za+s8LyNLJy6FFpP8E/5J0tR5gRrwXXyCxqRJXaVPPxUTF3Z2mRVwPl6M0YrwwbbXDaUlRUordtbiB9QjKzsDxPmWlSu30AJarnDEsCiXWwT6xjT9dnqjfpPodDS8ejul21eHSwY1wv3LAZb3rxbiQ+sv+7Oj7BzrxhFjtmVjiJTDPsxHfKDaJt43AJkJn3/upfOOVPJsHQRb6s9mdg/bFrvm4Bo8xl5zOF5j3fg8vDtztr4lCHVnkynH+ZcOXygNrXr+yKF7wfHa2Nhxe61/yTjbhZKXSd4eOdwkUgMrcQCRMYh8U8rkNGzVEnkpl7CW3yznB7C3m7nC8gDq9dmPFg4PL/zo2Qv8CuYQnRDvSCT6E4luCvPqJVcDXe+KdmlrVYD+eqnBSdfXRbU5y9kueGbnk/z6kzufAfwIE4pO/q46T8WDb3TL9cP1Xur0Qn9nygF3zw56PcP1DQ7MTU+3J90wOIkdQhyo6UbbQ3tAEJpVDAv7OjNumAK1CJ4gT8FZ/sub+CE+PcR/CcF1FVs4wY6wVfjCRepJE2kmJC9LGpPzEoYSDzhhtltY8elTxVO/U/5m46k5p/ijyHU2N34H94B5eRv89TaufylF1257eFvpJP3ysdIfLRd4ohN2ZscqFxGytSDlrqgTJciMFn6sRZyW5z1D1y9Zsp5aFMwf8h/X1cGsH9parrQjJdXxihF3ld/pxLHSARVRr6JFCQeUFZEBDcEdwPAA4iyKmAPFmyinm2Rr8ngS/Ejw4L9GwnT7Rbmbq9JOX67cCdk5atanYqS0UFRZplxZIMYnd1XEqm6nBBdWtfyx48xzft268x52fAzNyjYupGhUtmnBIqZjv0mxzMOeuz4eGvp419jxpyb6r9wyUOmP1J6ryEkYmZCVhRjha6B8RX+CB/o5cRFBjFsn1yt3k3lnAQoCgRIKd5Sh6cOoTkg5Tgv/EUYdxG1pBNIhxV45pgwBXHQ2LQVs7QecagfaGY0+VWCjvGhPmBdHWeEpvcgObN16gOFcaFemi3L/t3ZxU7cXhBPa9S3/fAwcOnbBjvimTVUtfSAnNlpeo0Ay6j6OTpUJn+qDWCKT6wsXRawRJ4ZX/mOITI/gYRQK6KxuGMy8oR9oFi0ROzxP+mjbJ0766Cl0CpgTYE5zA8lUKrS8Nzp2vJlaZWiP1thQtNYSJTNIlgwQq16qwlWzS6zqlsnYdfJtG4/NGgQYnGVTe6Gw4TZt827TVpxomDU4WBbc3XfYZtfCZ9mrLIXaIRIDTCcgf3EMy+y73jzEf72EpfhbpStjJ5aA/9CkfQnZuxGvsrBryf5IY2V7ZllcoogS5asumJ0Z4R8n35m3YlMKVjzw6MnHESRCzJjnoenAZRzinSQ0jZzhZ08++gD/h9SmFTSjI4xWbjmlW7kiqfavDL0iFtSWxjG5RmuR+1DqVnDK5Cwfaz5xBtCtFtt62vCYkcsJJ2uYT1zn79L0aFuyL9UKuZW5sr+t4ttE2sW+QBVvUQorDCZGqNZc9ViwMfnky/Rfr/KPOzIdeFSrqXr00ge5z/89TANHR7Y/01GrEKGPItpr1MoORf6DE8liog9FkXLpVrqD1Vr5oSbHm/C0efSz6GLR12KSY1cECggu+NOwSCgWClQvFITBjZbIKCZABIRPwXPUxETYMEqmCVabGAZXRkQWBdZY/4S6F1pXAljb5DV3QLEushKwLvmAYl2+C6qe3Ls3qVeu/FLNFauoi+UOifI1Pmh3sNvtWHWNPc18JCg8F/oKDYWfFklBLq/iOlTAE6+ojzLkEi7mWHPpscf+HL3l1rVr3xx+6pzOm5CsubT5sT8rNz6yvCs568QTjxTiXT2L9XN0WD+3sqrJ8pmvWhhvInPJAtRDXwcNiQ2KLi1B8+X6hrqsPQuRb+TT2UQunwvLYWsLrB2EC70LkcgwSUoIqFAycnj3EP3i7qf5/6wfzaRz778fWsDoigdH1NYwZZFQsMUB0Dq9tdvX5GjJyEFom97aNL9N7UqrKtOHdh8e2XMpn86MrgenYXyRDzb0DwyuaJbikc9MD0UBmps8HbPrHd7GQFZSfaq8NNDSEpjpi/BfQSzdBbFM7JY6FWONs3pPAH1yTXXG51NSXYjBv1lptIWB/2bjzIO+T8SSAUjhimWnoB00l3e67DaXO57T6Ne71i7zZ+8fSfj42Y5lixN16T9Y3AItzvzoSlW574F2/hGro6riGPzcvZEZq2edmNagDq+YF4rENvUtlXseXJMKT98UaauMa7Lzls8ncaekxSPgdEuYiV/K/wKGDx6E4V/k7/8yDH3YCxq/0PshP2H5qjes9XaSpeQ+skHk3tbeXkB1iaLUJcpSsfcXSOewPJVznSB24fDEt6hKLJkRWJ0gKvjwIIgqPjcoiibEYS/kaxKIqnv6x+93h7u8q1e3pLrf7164EImsTj4u8IaTc+cmY48r7Ylm/9CCpvppze3K47HaRk+H1K78dt1uSnevs+nQCKUjQxZlurGkbUC5SRbklhhLGhuRRO5SoPLobdbqGhrq+vX+WPIz3UZ3+6yWGD5U2lJ5bIuk5Vj/sgnm63YPVJgjrcVKoLa6Z24ZC84atDSkjsGaJP9p7U7GAz1vwJoU/2k5Zt/8Hvs+u4dMx5wsZ3FEhnigASMKUQV9sp2C5PohoKYQSxY4nXZkjeM7zFTYaF+68Z58aPxzhjHwcCirN/l9L27f/qLP36TrCzaos+c4fvD88z8ovWTHbKyorPD9YfuGP1kTHNlKdRieiwX9tgOUHthG0Ykue/pPY8+fZuz0CbungSfmmIsqczbZPpRBG2aSPSKDlVVtYsuFoXeW0uVyzF3ZPhaZrFXdUbMQ1pusgmtjGu7no3rBziv0ckpRTH7zm8lRTHCKBbHtwjHvMCqFWbkoC/O5Vidw8U8r86nsuURqLbh6D07MbMq9lgdFpaxPsfkGX5moEWxbwwo4Lmv5XjQMLH2r7O5t7fCVDRuuHNberrbAlzddfkF55x3lhcvTam2xdu7tU+8XMRlk0KacfeKvYEaSHzn2e3aJDo7BjBQ/8kbVnsJkLSLiliKybKfYAyn/xG6YkD4GRGsXwT4xicZvxTaoqRtiz8uWy+tML+/dpAOQBwncCFeMknw8BR4Tdqb4b3XxKexM8t/QD/l4EjylSt5685/Z9/B7UVenpqqsB+hkYV3ebE1jkAMTV9jbI4rs1vqfZHfVFtnHGTsOj5q6aepWMTK8K/uT+lZRa/f0WmIpDcG9h76OxTbWJmPH4UHR0zTvXC8S4jqQnlIvb31p+jf036OUzTv69kBvueZxEFqsqs+s/wfYJf6d1WfXwEspv37tGr9OKXivvfKzGTN+9opNp/CYtBjmZ8LWCRlxzmz40cKFP2qwaHZKN3jr3o0Hc0GsYt0aE3s3RGzV6GYyTUVx/0nSLH1KXWaSN9qxslbfiTvQt+D6/+v5PjDvSMftul7JmeE3lX1aqUqq8Snuq8sRMKZ8+C+86x2kdLDXbr3dPY7+v5auzdAAAAB4nGNgZGBgAOJDAQ2b4vltvjJwszCAwDXjRY8Q9P8GFkbmBiCXg4EJJAoAQlkLIAB4nGNgZGBgbvjfwBDDwsDA8P8/CyMDUAQFeAAAcjYEsHicY2FgYGB+ycDAwjCKsWEApeYCCQAAAAAAAAAAdgCyAPoBKgF2AaIBzAHiAgoCRgJcAnAChAKeAswDGANaA2gDdgOEA5IDtAPWA+oEHARABHAEhASuBMwFBgVCBaIFxgX0BiQGZAa6Bt4G7AcsB1YHlAf8CBQIUgh+CMQI3AkSCUoJhgnyChQKUApqCwgLMAuKC9IMBgwwDGoMkgyyDPwNNA2MDaoN7A4uAAB4nGNgZGBg8GBIZeBgAAEmIOYCQgaG/2A+AwAadwHMAHicfY9LTsMwEIZ/94VIBQsQLLrBYoEEqOlDgkW3ldodSF10wypNnTZVEkeOW6kX4A4cgJNwDrgAl2CSDkipVBKN883n8XgC4AxfENg9FxQ7FjihbMcVHOGauUr+lrlG/MhcRxND5gb5J2YH93hhbuIcr9RB1I4pu8Mbs0ALH8wVnOKTuUr+m7mGlqgz13Eprpgb5B+YHUzFM3MTN+LdGRrlWTWXs60MfZ0EOrGOilSsEtvORTZRi3XkmZIrJVNlslAnsud2S36sEmV+e2ebRd/aQAZGx3JEl6go0jI1eqV86y6tTQedTsDe9XVMow5hoODB0jqHxAxbWkP40EgQFKulOoWIIqbI8/ZfRYYJuQXWtO8VvQ7VHd6ZkjP0DYtcogcX3X/qx4XLz+zPnWFDs/TJWppdUhg6ExON+E/yrhGxRFrsrcj45F0si1MpBujQG+zVu8Xt8Q+LZH1gAHicbVJZe9MwEPQUOXISpy003Fe5T3OU+yxQjvIzHHkT64stGUlO+Pj1+EhMHtCDPd7d2Z0dy9vy2jPw/n+OsYUTYPDRA0eAPgYYIsQI29jBLk7iFPYwxmmcwVmcw3lcwEVcwmVcwVXs4xqu4wZu4hZu4w7u4h7u4wEeIsIjPMYTPMUBnuE5XuAlXuE13uAt3uE9PuAjDvEJn/EFR/iKb/iOHzjGTw+/e2WR6TjxyRhtuC2FIGv5MjZKqlnfauOiRC8Vb1BZDOKqbhllNHVDIY3IKCqy0u5t4EiXLpOKVqU1e9hCI2epC1pcFmwSi3m4IopMW2JJ7Gi8Gel6idiQa8aGLZxo53Tebz+cLoYtakb4DTdMon9ifZGSmPcSysjRaJ1pBSValDkpx5OoaRJSIt16clDrbxyaaZ3YnqXYiJRJNdU8r6yKZ8Tq+iDTInZSK14XV97trgPrTqyaUfq5VKVlE8qyMNcTWXuW6iqpaGmriOlW9pv4qHmuY7yQwpWGdlbvrnXtOy+MVI4MM7Gac0NTQzYNfpVkaxU9Q7lekG/TakVuXWyiSqsl5yqt3V+oTaqCZiEFBVZnST1hu6V2jrTk6XS8yeokOinm5CyrLwz/o3UeScWczIktJC15e90OgiZTcVi9s+f9BXuB96oAAAA=) format("woff"), url(https://static.zhipin.com/zhipin-geek/chat/v39/static/fonts/ui-icons.6f0a763.6f0a7632.ttf) format("truetype");
      font-weight: 400;
      font-style: normal
    }

    [class*=" ui-icon-"],
    [class^=ui-icon-] {
      font-family: ui-icons !important;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: baseline;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .ui-icon-info:before {
      content: "\e61a"
    }

    .ui-icon-error:before {
      content: "\e62c"
    }

    .ui-icon-success:before {
      content: "\e62d"
    }

    .ui-icon-warning:before {
      content: "\e62e"
    }

    .ui-icon-question:before {
      content: "\e634"
    }

    .ui-icon-back:before {
      content: "\e606"
    }

    .ui-icon-arrow-left:before {
      content: "\e600"
    }

    .ui-icon-arrow-down:before {
      content: "\e603"
    }

    .ui-icon-arrow-right:before {
      content: "\e604"
    }

    .ui-icon-arrow-up:before {
      content: "\e605"
    }

    .ui-icon-caret-left:before {
      content: "\e60a"
    }

    .ui-icon-caret-bottom:before {
      content: "\e60b"
    }

    .ui-icon-caret-top:before {
      content: "\e60c"
    }

    .ui-icon-caret-right:before {
      content: "\e60e"
    }

    .ui-icon-d-arrow-left:before {
      content: "\e610"
    }

    .ui-icon-d-arrow-right:before {
      content: "\e613"
    }

    .ui-icon-minus:before {
      content: "\e621"
    }

    .ui-icon-plus:before {
      content: "\e62b"
    }

    .ui-icon-remove:before {
      content: "\e635"
    }

    .ui-icon-circle-plus:before {
      content: "\e601"
    }

    .ui-icon-remove-outline:before {
      content: "\e63c"
    }

    .ui-icon-circle-plus-outline:before {
      content: "\e602"
    }

    .ui-icon-close:before {
      content: "\e60f"
    }

    .ui-icon-check:before {
      content: "\e611"
    }

    .ui-icon-circle-close:before {
      content: "\e607"
    }

    .ui-icon-circle-check:before {
      content: "\e639"
    }

    .ui-icon-circle-close-outline:before {
      content: "\e609"
    }

    .ui-icon-circle-check-outline:before {
      content: "\e63e"
    }

    .ui-icon-zoom-out:before {
      content: "\e645"
    }

    .ui-icon-zoom-in:before {
      content: "\e641"
    }

    .ui-icon-d-caret:before {
      content: "\e615"
    }

    .ui-icon-sort:before {
      content: "\e640"
    }

    .ui-icon-sort-down:before {
      content: "\e630"
    }

    .ui-icon-sort-up:before {
      content: "\e631"
    }

    .ui-icon-tickets:before {
      content: "\e63f"
    }

    .ui-icon-document:before {
      content: "\e614"
    }

    .ui-icon-goods:before {
      content: "\e618"
    }

    .ui-icon-sold-out:before {
      content: "\e63b"
    }

    .ui-icon-news:before {
      content: "\e625"
    }

    .ui-icon-message:before {
      content: "\e61b"
    }

    .ui-icon-date:before {
      content: "\e608"
    }

    .ui-icon-printer:before {
      content: "\e62f"
    }

    .ui-icon-time:before {
      content: "\e642"
    }

    .ui-icon-buil:before {
      content: "\e622"
    }

    .ui-icon-mobile-phone:before {
      content: "\e624"
    }

    .ui-icon-service:before {
      content: "\e63a"
    }

    .ui-icon-view:before {
      content: "\e643"
    }

    .ui-icon-menu:before {
      content: "\e620"
    }

    .ui-icon-more:before {
      content: "\e646"
    }

    .ui-icon-more-outline:before {
      content: "\e626"
    }

    .ui-icon-star-on:before {
      content: "\e637"
    }

    .ui-icon-star-off:before {
      content: "\e63d"
    }

    .ui-icon-location:before {
      content: "\e61d"
    }

    .ui-icon-location-outline:before {
      content: "\e61f"
    }

    .ui-icon-phone:before {
      content: "\e627"
    }

    .ui-icon-phone-outline:before {
      content: "\e628"
    }

    .ui-icon-picture:before {
      content: "\e629"
    }

    .ui-icon-picture-outline:before {
      content: "\e62a"
    }

    .ui-icon-duiete:before {
      content: "\e612"
    }

    .ui-icon-search:before {
      content: "\e619"
    }

    .ui-icon-edit:before {
      content: "\e61c"
    }

    .ui-icon-edit-outline:before {
      content: "\e616"
    }

    .ui-icon-rank:before {
      content: "\e632"
    }

    .ui-icon-refresh:before {
      content: "\e633"
    }

    .ui-icon-share:before {
      content: "\e636"
    }

    .ui-icon-setting:before {
      content: "\e638"
    }

    .ui-icon-upload:before {
      content: "\e60d"
    }

    .ui-icon-upload2:before {
      content: "\e644"
    }

    .ui-icon-download:before {
      content: "\e617"
    }

    .ui-icon-loading:before {
      content: "\e61e"
    }

    .ui-icon-loading {
      animation: rotating 2s linear infinite
    }

    .ui-icon--right {
      margin-left: 5px
    }

    .ui-icon--left {
      margin-right: 5px
    }

    @keyframes rotating {
      0% {
        transform: rotate(0deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
    html {
      font-family: sans-serif;
      line-height: 1.15;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%
    }

    body {
      margin: 0
    }

    article,
    aside,
    footer,
    header,
    nav,
    section {
      display: block
    }

    h1 {
      font-size: 2em;
      margin: .67em 0
    }

    figcaption,
    figure,
    main {
      display: block
    }

    figure {
      margin: 1em 40px
    }

    hr {
      box-sizing: content-box;
      height: 0;
      overflow: visible
    }

    pre {
      font-family: monospace, monospace;
      font-size: 1em
    }

    a {
      background-color: transparent;
      -webkit-text-decoration-skip: objects
    }

    a:active,
    a:hover {
      outline-width: 0
    }

    abbr[title] {
      border-bottom: none;
      text-decoration: underline;
      text-decoration: underline dotted
    }

    b,
    strong {
      font-weight: inherit;
      font-weight: bolder
    }

    code,
    kbd,
    samp {
      font-family: monospace, monospace;
      font-size: 1em
    }

    dfn {
      font-style: italic
    }

    mark {
      background-color: #ff0;
      color: #000
    }

    small {
      font-size: 80%
    }

    sub,
    sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
    }

    sub {
      bottom: -.25em
    }

    sup {
      top: -.5em
    }

    audio,
    video {
      display: inline-block
    }

    audio:not([controls]) {
      display: none;
      height: 0
    }

    img {
      border-style: none
    }

    svg:not(:root) {
      overflow: hidden
    }

    button,
    input,
    optgroup,
    select,
    textarea {
      font-family: sans-serif;
      font-size: 100%;
      line-height: 1.15;
      margin: 0
    }

    button,
    input {
      overflow: visible
    }

    button,
    select {
      text-transform: none
    }

    [type=reset],
    [type=submit],
    button,
    html [type=button] {
      -webkit-appearance: button
    }

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
      border-style: none;
      padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
      outline: 1px dotted ButtonText
    }

    fieldset {
      border: 1px solid silver;
      margin: 0 2px;
      padding: .35em .625em .75em
    }

    legend {
      box-sizing: border-box;
      color: inherit;
      display: table;
      max-width: 100%;
      padding: 0;
      white-space: normal
    }

    progress {
      display: inline-block;
      vertical-align: baseline
    }

    textarea {
      overflow: auto;
      resize: vertical
    }

    [type=checkbox],
    [type=radio] {
      box-sizing: border-box;
      padding: 0
    }

    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
      height: auto
    }

    [type=search] {
      -webkit-appearance: textfield;
      outline-offset: -2px
    }

    [type=search]::-webkit-search-cancel-button,
    [type=search]::-webkit-search-decoration {
      -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit
    }

    details,
    menu {
      display: block
    }

    summary {
      display: list-item
    }

    canvas {
      display: inline-block
    }

    [hidden],
    template {
      display: none
    }

    * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent
    }

    article,
    aside,
    blockquote,
    body,
    button,
    dd,
    details,
    div,
    dl,
    dt,
    fieldset,
    figcaption,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    hr,
    input,
    legend,
    li,
    menu,
    nav,
    ol,
    p,
    section,
    td,
    textarea,
    th,
    ul {
      margin: 0;
      padding: 0
    }

    body {
      font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #414a60;
      background-color: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    :after,
    :before {
      box-sizing: border-box;
      -webkit-box-sizing: border-box
    }

    li,
    ol,
    ul {
      list-style: none
    }

    img {
      border: none
    }

    table {
      border-collapse: collapse
    }

    button,
    input,
    select,
    textarea {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit
    }

    input::-ms-clear,
    input::-ms-reveal {
      display: none
    }

    button,
    input[type=button],
    input[type=number],
    input[type=search],
    input[type=submit],
    input[type=tel],
    input[type=text],
    textarea {
      -webkit-appearance: none
    }

    a {
      color: #414a60
    }

    a,
    a:hover {
      text-decoration: none
    }

    a:hover {
      color: #5dd5c8
    }

    a[disabled] {
      color: #ccc;
      cursor: default;
      pointer-events: none
    }

    a:active,
    a:focus,
    a:hover,
    button,
    input,
    textarea {
      outline: 0
    }

    .btn:active,
    .btn:hover,
    .ipt:focus,
    .sel:focus,
    a:hover {
      -webkit-transition: .2s;
      -moz-transition: .2s;
      transition: .2s
    }

    body,
    html {
      height: 100%
    }

    .clearfix:after {
      content: "";
      overflow: hidden
    }

    .clear,
    .clearfix:after {
      display: block;
      visibility: hidden;
      clear: both
    }

    .clear {
      line-height: 0;
      font-size: 0;
      height: 0
    }

    .gray {
      color: #9fa3b0
    }

    ::selection {
      color: #fff;
      background: #18c3b1
    }

    ::-moz-selection {
      color: #fff;
      background: #18c3b1
    }

    ::-webkit-input-placeholder {
      color: #d1d4db
    }

    ::-moz-placeholder {
      color: #d1d4db
    }

    :-ms-input-placeholder {
      color: #d1d4db
    }

    body ::-webkit-scrollbar-track-piece {
      background-color: #f1f1f1;
      border-radius: 0;
      -webkit-border-radius: 0
    }

    body ::-webkit-scrollbar {
      width: 4px;
      height: 4px
    }

    body ::-webkit-scrollbar-thumb {
      height: 50px;
      background-color: #ddd;
      border-radius: 10px
    }

    body ::-webkit-scrollbar-thumb:hover {
      height: 50px;
      background-color: #ccc
    }

    body ::-webkit-scrollbar-corner {
      background-color: #f1f1f1
    }

    .ui-row {
      position: relative;
      margin-left: 0;
      margin-right: 0;
      height: auto;
      zoom: 1;
      display: block
    }

    .ui-row:after,
    .ui-row:before {
      content: "";
      display: table
    }

    .ui-row:after {
      clear: both;
      visibility: hidden;
      font-size: 0;
      height: 0
    }

    .ui-row-flex {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap
    }

    .ui-row-flex:after,
    .ui-row-flex:before {
      display: flex
    }

    .ui-row-flex-start {
      justify-content: flex-start
    }

    .ui-row-flex-center {
      justify-content: center
    }

    .ui-row-flex-end {
      justify-content: flex-end
    }

    .ui-row-flex-space-between {
      justify-content: space-between
    }

    .ui-row-flex-space-around {
      justify-content: space-around
    }

    .ui-row-flex-top {
      align-items: flex-start
    }

    .ui-row-flex-middle {
      align-items: center
    }

    .ui-row-flex-bottom {
      align-items: flex-end
    }

    .ui-col {
      position: relative;
      display: block
    }

    .ui-col-span-1,
    .ui-col-span-2,
    .ui-col-span-3,
    .ui-col-span-4,
    .ui-col-span-5,
    .ui-col-span-6,
    .ui-col-span-7,
    .ui-col-span-8,
    .ui-col-span-9,
    .ui-col-span-10,
    .ui-col-span-11,
    .ui-col-span-12,
    .ui-col-span-13,
    .ui-col-span-14,
    .ui-col-span-15,
    .ui-col-span-16,
    .ui-col-span-17,
    .ui-col-span-18,
    .ui-col-span-19,
    .ui-col-span-20,
    .ui-col-span-21,
    .ui-col-span-22,
    .ui-col-span-23,
    .ui-col-span-24 {
      float: left;
      flex: 0 0 auto
    }

    .ui-col-span-24 {
      display: block;
      width: 100%
    }

    .ui-col-push-24 {
      left: 100%
    }

    .ui-col-pull-24 {
      right: 100%
    }

    .ui-col-offset-24 {
      margin-left: 100%
    }

    .ui-col-order-24 {
      order: 24
    }

    .ui-col-span-23 {
      display: block;
      width: 95.83333333%
    }

    .ui-col-push-23 {
      left: 95.83333333%
    }

    .ui-col-pull-23 {
      right: 95.83333333%
    }

    .ui-col-offset-23 {
      margin-left: 95.83333333%
    }

    .ui-col-order-23 {
      order: 23
    }

    .ui-col-span-22 {
      display: block;
      width: 91.66666667%
    }

    .ui-col-push-22 {
      left: 91.66666667%
    }

    .ui-col-pull-22 {
      right: 91.66666667%
    }

    .ui-col-offset-22 {
      margin-left: 91.66666667%
    }

    .ui-col-order-22 {
      order: 22
    }

    .ui-col-span-21 {
      display: block;
      width: 87.5%
    }

    .ui-col-push-21 {
      left: 87.5%
    }

    .ui-col-pull-21 {
      right: 87.5%
    }

    .ui-col-offset-21 {
      margin-left: 87.5%
    }

    .ui-col-order-21 {
      order: 21
    }

    .ui-col-span-20 {
      display: block;
      width: 83.33333333%
    }

    .ui-col-push-20 {
      left: 83.33333333%
    }

    .ui-col-pull-20 {
      right: 83.33333333%
    }

    .ui-col-offset-20 {
      margin-left: 83.33333333%
    }

    .ui-col-order-20 {
      order: 20
    }

    .ui-col-span-19 {
      display: block;
      width: 79.16666667%
    }

    .ui-col-push-19 {
      left: 79.16666667%
    }

    .ui-col-pull-19 {
      right: 79.16666667%
    }

    .ui-col-offset-19 {
      margin-left: 79.16666667%
    }

    .ui-col-order-19 {
      order: 19
    }

    .ui-col-span-18 {
      display: block;
      width: 75%
    }

    .ui-col-push-18 {
      left: 75%
    }

    .ui-col-pull-18 {
      right: 75%
    }

    .ui-col-offset-18 {
      margin-left: 75%
    }

    .ui-col-order-18 {
      order: 18
    }

    .ui-col-span-17 {
      display: block;
      width: 70.83333333%
    }

    .ui-col-push-17 {
      left: 70.83333333%
    }

    .ui-col-pull-17 {
      right: 70.83333333%
    }

    .ui-col-offset-17 {
      margin-left: 70.83333333%
    }

    .ui-col-order-17 {
      order: 17
    }

    .ui-col-span-16 {
      display: block;
      width: 66.66666667%
    }

    .ui-col-push-16 {
      left: 66.66666667%
    }

    .ui-col-pull-16 {
      right: 66.66666667%
    }

    .ui-col-offset-16 {
      margin-left: 66.66666667%
    }

    .ui-col-order-16 {
      order: 16
    }

    .ui-col-span-15 {
      display: block;
      width: 62.5%
    }

    .ui-col-push-15 {
      left: 62.5%
    }

    .ui-col-pull-15 {
      right: 62.5%
    }

    .ui-col-offset-15 {
      margin-left: 62.5%
    }

    .ui-col-order-15 {
      order: 15
    }

    .ui-col-span-14 {
      display: block;
      width: 58.33333333%
    }

    .ui-col-push-14 {
      left: 58.33333333%
    }

    .ui-col-pull-14 {
      right: 58.33333333%
    }

    .ui-col-offset-14 {
      margin-left: 58.33333333%
    }

    .ui-col-order-14 {
      order: 14
    }

    .ui-col-span-13 {
      display: block;
      width: 54.16666667%
    }

    .ui-col-push-13 {
      left: 54.16666667%
    }

    .ui-col-pull-13 {
      right: 54.16666667%
    }

    .ui-col-offset-13 {
      margin-left: 54.16666667%
    }

    .ui-col-order-13 {
      order: 13
    }

    .ui-col-span-12 {
      display: block;
      width: 50%
    }

    .ui-col-push-12 {
      left: 50%
    }

    .ui-col-pull-12 {
      right: 50%
    }

    .ui-col-offset-12 {
      margin-left: 50%
    }

    .ui-col-order-12 {
      order: 12
    }

    .ui-col-span-11 {
      display: block;
      width: 45.83333333%
    }

    .ui-col-push-11 {
      left: 45.83333333%
    }

    .ui-col-pull-11 {
      right: 45.83333333%
    }

    .ui-col-offset-11 {
      margin-left: 45.83333333%
    }

    .ui-col-order-11 {
      order: 11
    }

    .ui-col-span-10 {
      display: block;
      width: 41.66666667%
    }

    .ui-col-push-10 {
      left: 41.66666667%
    }

    .ui-col-pull-10 {
      right: 41.66666667%
    }

    .ui-col-offset-10 {
      margin-left: 41.66666667%
    }

    .ui-col-order-10 {
      order: 10
    }

    .ui-col-span-9 {
      display: block;
      width: 37.5%
    }

    .ui-col-push-9 {
      left: 37.5%
    }

    .ui-col-pull-9 {
      right: 37.5%
    }

    .ui-col-offset-9 {
      margin-left: 37.5%
    }

    .ui-col-order-9 {
      order: 9
    }

    .ui-col-span-8 {
      display: block;
      width: 33.33333333%
    }

    .ui-col-push-8 {
      left: 33.33333333%
    }

    .ui-col-pull-8 {
      right: 33.33333333%
    }

    .ui-col-offset-8 {
      margin-left: 33.33333333%
    }

    .ui-col-order-8 {
      order: 8
    }

    .ui-col-span-7 {
      display: block;
      width: 29.16666667%
    }

    .ui-col-push-7 {
      left: 29.16666667%
    }

    .ui-col-pull-7 {
      right: 29.16666667%
    }

    .ui-col-offset-7 {
      margin-left: 29.16666667%
    }

    .ui-col-order-7 {
      order: 7
    }

    .ui-col-span-6 {
      display: block;
      width: 25%
    }

    .ui-col-push-6 {
      left: 25%
    }

    .ui-col-pull-6 {
      right: 25%
    }

    .ui-col-offset-6 {
      margin-left: 25%
    }

    .ui-col-order-6 {
      order: 6
    }

    .ui-col-span-5 {
      display: block;
      width: 20.83333333%
    }

    .ui-col-push-5 {
      left: 20.83333333%
    }

    .ui-col-pull-5 {
      right: 20.83333333%
    }

    .ui-col-offset-5 {
      margin-left: 20.83333333%
    }

    .ui-col-order-5 {
      order: 5
    }

    .ui-col-span-4 {
      display: block;
      width: 16.66666667%
    }

    .ui-col-push-4 {
      left: 16.66666667%
    }

    .ui-col-pull-4 {
      right: 16.66666667%
    }

    .ui-col-offset-4 {
      margin-left: 16.66666667%
    }

    .ui-col-order-4 {
      order: 4
    }

    .ui-col-span-3 {
      display: block;
      width: 12.5%
    }

    .ui-col-push-3 {
      left: 12.5%
    }

    .ui-col-pull-3 {
      right: 12.5%
    }

    .ui-col-offset-3 {
      margin-left: 12.5%
    }

    .ui-col-order-3 {
      order: 3
    }

    .ui-col-span-2 {
      display: block;
      width: 8.33333333%
    }

    .ui-col-push-2 {
      left: 8.33333333%
    }

    .ui-col-pull-2 {
      right: 8.33333333%
    }

    .ui-col-offset-2 {
      margin-left: 8.33333333%
    }

    .ui-col-order-2 {
      order: 2
    }

    .ui-col-span-1 {
      display: block;
      width: 4.16666667%
    }

    .ui-col-push-1 {
      left: 4.16666667%
    }

    .ui-col-pull-1 {
      right: 4.16666667%
    }

    .ui-col-offset-1 {
      margin-left: 4.16666667%
    }

    .ui-col-order-1 {
      order: 1
    }

    .ui-col-span-0 {
      display: none
    }

    .ui-col-push-0 {
      left: auto
    }

    .ui-col-pull-0 {
      right: auto
    }

    .ui-col-span-xs-1,
    .ui-col-span-xs-2,
    .ui-col-span-xs-3,
    .ui-col-span-xs-4,
    .ui-col-span-xs-5,
    .ui-col-span-xs-6,
    .ui-col-span-xs-7,
    .ui-col-span-xs-8,
    .ui-col-span-xs-9,
    .ui-col-span-xs-10,
    .ui-col-span-xs-11,
    .ui-col-span-xs-12,
    .ui-col-span-xs-13,
    .ui-col-span-xs-14,
    .ui-col-span-xs-15,
    .ui-col-span-xs-16,
    .ui-col-span-xs-17,
    .ui-col-span-xs-18,
    .ui-col-span-xs-19,
    .ui-col-span-xs-20,
    .ui-col-span-xs-21,
    .ui-col-span-xs-22,
    .ui-col-span-xs-23,
    .ui-col-span-xs-24 {
      float: left;
      flex: 0 0 auto
    }

    .ui-col-span-xs-24 {
      display: block;
      width: 100%
    }

    .ui-col-xs-push-24 {
      left: 100%
    }

    .ui-col-xs-pull-24 {
      right: 100%
    }

    .ui-col-xs-offset-24 {
      margin-left: 100%
    }

    .ui-col-xs-order-24 {
      order: 24
    }

    .ui-col-span-xs-23 {
      display: block;
      width: 95.83333333%
    }

    .ui-col-xs-push-23 {
      left: 95.83333333%
    }

    .ui-col-xs-pull-23 {
      right: 95.83333333%
    }

    .ui-col-xs-offset-23 {
      margin-left: 95.83333333%
    }

    .ui-col-xs-order-23 {
      order: 23
    }

    .ui-col-span-xs-22 {
      display: block;
      width: 91.66666667%
    }

    .ui-col-xs-push-22 {
      left: 91.66666667%
    }

    .ui-col-xs-pull-22 {
      right: 91.66666667%
    }

    .ui-col-xs-offset-22 {
      margin-left: 91.66666667%
    }

    .ui-col-xs-order-22 {
      order: 22
    }

    .ui-col-span-xs-21 {
      display: block;
      width: 87.5%
    }

    .ui-col-xs-push-21 {
      left: 87.5%
    }

    .ui-col-xs-pull-21 {
      right: 87.5%
    }

    .ui-col-xs-offset-21 {
      margin-left: 87.5%
    }

    .ui-col-xs-order-21 {
      order: 21
    }

    .ui-col-span-xs-20 {
      display: block;
      width: 83.33333333%
    }

    .ui-col-xs-push-20 {
      left: 83.33333333%
    }

    .ui-col-xs-pull-20 {
      right: 83.33333333%
    }

    .ui-col-xs-offset-20 {
      margin-left: 83.33333333%
    }

    .ui-col-xs-order-20 {
      order: 20
    }

    .ui-col-span-xs-19 {
      display: block;
      width: 79.16666667%
    }

    .ui-col-xs-push-19 {
      left: 79.16666667%
    }

    .ui-col-xs-pull-19 {
      right: 79.16666667%
    }

    .ui-col-xs-offset-19 {
      margin-left: 79.16666667%
    }

    .ui-col-xs-order-19 {
      order: 19
    }

    .ui-col-span-xs-18 {
      display: block;
      width: 75%
    }

    .ui-col-xs-push-18 {
      left: 75%
    }

    .ui-col-xs-pull-18 {
      right: 75%
    }

    .ui-col-xs-offset-18 {
      margin-left: 75%
    }

    .ui-col-xs-order-18 {
      order: 18
    }

    .ui-col-span-xs-17 {
      display: block;
      width: 70.83333333%
    }

    .ui-col-xs-push-17 {
      left: 70.83333333%
    }

    .ui-col-xs-pull-17 {
      right: 70.83333333%
    }

    .ui-col-xs-offset-17 {
      margin-left: 70.83333333%
    }

    .ui-col-xs-order-17 {
      order: 17
    }

    .ui-col-span-xs-16 {
      display: block;
      width: 66.66666667%
    }

    .ui-col-xs-push-16 {
      left: 66.66666667%
    }

    .ui-col-xs-pull-16 {
      right: 66.66666667%
    }

    .ui-col-xs-offset-16 {
      margin-left: 66.66666667%
    }

    .ui-col-xs-order-16 {
      order: 16
    }

    .ui-col-span-xs-15 {
      display: block;
      width: 62.5%
    }

    .ui-col-xs-push-15 {
      left: 62.5%
    }

    .ui-col-xs-pull-15 {
      right: 62.5%
    }

    .ui-col-xs-offset-15 {
      margin-left: 62.5%
    }

    .ui-col-xs-order-15 {
      order: 15
    }

    .ui-col-span-xs-14 {
      display: block;
      width: 58.33333333%
    }

    .ui-col-xs-push-14 {
      left: 58.33333333%
    }

    .ui-col-xs-pull-14 {
      right: 58.33333333%
    }

    .ui-col-xs-offset-14 {
      margin-left: 58.33333333%
    }

    .ui-col-xs-order-14 {
      order: 14
    }

    .ui-col-span-xs-13 {
      display: block;
      width: 54.16666667%
    }

    .ui-col-xs-push-13 {
      left: 54.16666667%
    }

    .ui-col-xs-pull-13 {
      right: 54.16666667%
    }

    .ui-col-xs-offset-13 {
      margin-left: 54.16666667%
    }

    .ui-col-xs-order-13 {
      order: 13
    }

    .ui-col-span-xs-12 {
      display: block;
      width: 50%
    }

    .ui-col-xs-push-12 {
      left: 50%
    }

    .ui-col-xs-pull-12 {
      right: 50%
    }

    .ui-col-xs-offset-12 {
      margin-left: 50%
    }

    .ui-col-xs-order-12 {
      order: 12
    }

    .ui-col-span-xs-11 {
      display: block;
      width: 45.83333333%
    }

    .ui-col-xs-push-11 {
      left: 45.83333333%
    }

    .ui-col-xs-pull-11 {
      right: 45.83333333%
    }

    .ui-col-xs-offset-11 {
      margin-left: 45.83333333%
    }

    .ui-col-xs-order-11 {
      order: 11
    }

    .ui-col-span-xs-10 {
      display: block;
      width: 41.66666667%
    }

    .ui-col-xs-push-10 {
      left: 41.66666667%
    }

    .ui-col-xs-pull-10 {
      right: 41.66666667%
    }

    .ui-col-xs-offset-10 {
      margin-left: 41.66666667%
    }

    .ui-col-xs-order-10 {
      order: 10
    }

    .ui-col-span-xs-9 {
      display: block;
      width: 37.5%
    }

    .ui-col-xs-push-9 {
      left: 37.5%
    }

    .ui-col-xs-pull-9 {
      right: 37.5%
    }

    .ui-col-xs-offset-9 {
      margin-left: 37.5%
    }

    .ui-col-xs-order-9 {
      order: 9
    }

    .ui-col-span-xs-8 {
      display: block;
      width: 33.33333333%
    }

    .ui-col-xs-push-8 {
      left: 33.33333333%
    }

    .ui-col-xs-pull-8 {
      right: 33.33333333%
    }

    .ui-col-xs-offset-8 {
      margin-left: 33.33333333%
    }

    .ui-col-xs-order-8 {
      order: 8
    }

    .ui-col-span-xs-7 {
      display: block;
      width: 29.16666667%
    }

    .ui-col-xs-push-7 {
      left: 29.16666667%
    }

    .ui-col-xs-pull-7 {
      right: 29.16666667%
    }

    .ui-col-xs-offset-7 {
      margin-left: 29.16666667%
    }

    .ui-col-xs-order-7 {
      order: 7
    }

    .ui-col-span-xs-6 {
      display: block;
      width: 25%
    }

    .ui-col-xs-push-6 {
      left: 25%
    }

    .ui-col-xs-pull-6 {
      right: 25%
    }

    .ui-col-xs-offset-6 {
      margin-left: 25%
    }

    .ui-col-xs-order-6 {
      order: 6
    }

    .ui-col-span-xs-5 {
      display: block;
      width: 20.83333333%
    }

    .ui-col-xs-push-5 {
      left: 20.83333333%
    }

    .ui-col-xs-pull-5 {
      right: 20.83333333%
    }

    .ui-col-xs-offset-5 {
      margin-left: 20.83333333%
    }

    .ui-col-xs-order-5 {
      order: 5
    }

    .ui-col-span-xs-4 {
      display: block;
      width: 16.66666667%
    }

    .ui-col-xs-push-4 {
      left: 16.66666667%
    }

    .ui-col-xs-pull-4 {
      right: 16.66666667%
    }

    .ui-col-xs-offset-4 {
      margin-left: 16.66666667%
    }

    .ui-col-xs-order-4 {
      order: 4
    }

    .ui-col-span-xs-3 {
      display: block;
      width: 12.5%
    }

    .ui-col-xs-push-3 {
      left: 12.5%
    }

    .ui-col-xs-pull-3 {
      right: 12.5%
    }

    .ui-col-xs-offset-3 {
      margin-left: 12.5%
    }

    .ui-col-xs-order-3 {
      order: 3
    }

    .ui-col-span-xs-2 {
      display: block;
      width: 8.33333333%
    }

    .ui-col-xs-push-2 {
      left: 8.33333333%
    }

    .ui-col-xs-pull-2 {
      right: 8.33333333%
    }

    .ui-col-xs-offset-2 {
      margin-left: 8.33333333%
    }

    .ui-col-xs-order-2 {
      order: 2
    }

    .ui-col-span-xs-1 {
      display: block;
      width: 4.16666667%
    }

    .ui-col-xs-push-1 {
      left: 4.16666667%
    }

    .ui-col-xs-pull-1 {
      right: 4.16666667%
    }

    .ui-col-xs-offset-1 {
      margin-left: 4.16666667%
    }

    .ui-col-xs-order-1 {
      order: 1
    }

    .ui-col-span-xs-0 {
      display: none
    }

    .ui-col-xs-push-0 {
      left: auto
    }

    .ui-col-xs-pull-0 {
      right: auto
    }

    @media (min-width:768px) {

      .ui-col-span-sm-1,
      .ui-col-span-sm-2,
      .ui-col-span-sm-3,
      .ui-col-span-sm-4,
      .ui-col-span-sm-5,
      .ui-col-span-sm-6,
      .ui-col-span-sm-7,
      .ui-col-span-sm-8,
      .ui-col-span-sm-9,
      .ui-col-span-sm-10,
      .ui-col-span-sm-11,
      .ui-col-span-sm-12,
      .ui-col-span-sm-13,
      .ui-col-span-sm-14,
      .ui-col-span-sm-15,
      .ui-col-span-sm-16,
      .ui-col-span-sm-17,
      .ui-col-span-sm-18,
      .ui-col-span-sm-19,
      .ui-col-span-sm-20,
      .ui-col-span-sm-21,
      .ui-col-span-sm-22,
      .ui-col-span-sm-23,
      .ui-col-span-sm-24 {
        float: left;
        flex: 0 0 auto
      }

      .ui-col-span-sm-24 {
        display: block;
        width: 100%
      }

      .ui-col-sm-push-24 {
        left: 100%
      }

      .ui-col-sm-pull-24 {
        right: 100%
      }

      .ui-col-sm-offset-24 {
        margin-left: 100%
      }

      .ui-col-sm-order-24 {
        order: 24
      }

      .ui-col-span-sm-23 {
        display: block;
        width: 95.83333333%
      }

      .ui-col-sm-push-23 {
        left: 95.83333333%
      }

      .ui-col-sm-pull-23 {
        right: 95.83333333%
      }

      .ui-col-sm-offset-23 {
        margin-left: 95.83333333%
      }

      .ui-col-sm-order-23 {
        order: 23
      }

      .ui-col-span-sm-22 {
        display: block;
        width: 91.66666667%
      }

      .ui-col-sm-push-22 {
        left: 91.66666667%
      }

      .ui-col-sm-pull-22 {
        right: 91.66666667%
      }

      .ui-col-sm-offset-22 {
        margin-left: 91.66666667%
      }

      .ui-col-sm-order-22 {
        order: 22
      }

      .ui-col-span-sm-21 {
        display: block;
        width: 87.5%
      }

      .ui-col-sm-push-21 {
        left: 87.5%
      }

      .ui-col-sm-pull-21 {
        right: 87.5%
      }

      .ui-col-sm-offset-21 {
        margin-left: 87.5%
      }

      .ui-col-sm-order-21 {
        order: 21
      }

      .ui-col-span-sm-20 {
        display: block;
        width: 83.33333333%
      }

      .ui-col-sm-push-20 {
        left: 83.33333333%
      }

      .ui-col-sm-pull-20 {
        right: 83.33333333%
      }

      .ui-col-sm-offset-20 {
        margin-left: 83.33333333%
      }

      .ui-col-sm-order-20 {
        order: 20
      }

      .ui-col-span-sm-19 {
        display: block;
        width: 79.16666667%
      }

      .ui-col-sm-push-19 {
        left: 79.16666667%
      }

      .ui-col-sm-pull-19 {
        right: 79.16666667%
      }

      .ui-col-sm-offset-19 {
        margin-left: 79.16666667%
      }

      .ui-col-sm-order-19 {
        order: 19
      }

      .ui-col-span-sm-18 {
        display: block;
        width: 75%
      }

      .ui-col-sm-push-18 {
        left: 75%
      }

      .ui-col-sm-pull-18 {
        right: 75%
      }

      .ui-col-sm-offset-18 {
        margin-left: 75%
      }

      .ui-col-sm-order-18 {
        order: 18
      }

      .ui-col-span-sm-17 {
        display: block;
        width: 70.83333333%
      }

      .ui-col-sm-push-17 {
        left: 70.83333333%
      }

      .ui-col-sm-pull-17 {
        right: 70.83333333%
      }

      .ui-col-sm-offset-17 {
        margin-left: 70.83333333%
      }

      .ui-col-sm-order-17 {
        order: 17
      }

      .ui-col-span-sm-16 {
        display: block;
        width: 66.66666667%
      }

      .ui-col-sm-push-16 {
        left: 66.66666667%
      }

      .ui-col-sm-pull-16 {
        right: 66.66666667%
      }

      .ui-col-sm-offset-16 {
        margin-left: 66.66666667%
      }

      .ui-col-sm-order-16 {
        order: 16
      }

      .ui-col-span-sm-15 {
        display: block;
        width: 62.5%
      }

      .ui-col-sm-push-15 {
        left: 62.5%
      }

      .ui-col-sm-pull-15 {
        right: 62.5%
      }

      .ui-col-sm-offset-15 {
        margin-left: 62.5%
      }

      .ui-col-sm-order-15 {
        order: 15
      }

      .ui-col-span-sm-14 {
        display: block;
        width: 58.33333333%
      }

      .ui-col-sm-push-14 {
        left: 58.33333333%
      }

      .ui-col-sm-pull-14 {
        right: 58.33333333%
      }

      .ui-col-sm-offset-14 {
        margin-left: 58.33333333%
      }

      .ui-col-sm-order-14 {
        order: 14
      }

      .ui-col-span-sm-13 {
        display: block;
        width: 54.16666667%
      }

      .ui-col-sm-push-13 {
        left: 54.16666667%
      }

      .ui-col-sm-pull-13 {
        right: 54.16666667%
      }

      .ui-col-sm-offset-13 {
        margin-left: 54.16666667%
      }

      .ui-col-sm-order-13 {
        order: 13
      }

      .ui-col-span-sm-12 {
        display: block;
        width: 50%
      }

      .ui-col-sm-push-12 {
        left: 50%
      }

      .ui-col-sm-pull-12 {
        right: 50%
      }

      .ui-col-sm-offset-12 {
        margin-left: 50%
      }

      .ui-col-sm-order-12 {
        order: 12
      }

      .ui-col-span-sm-11 {
        display: block;
        width: 45.83333333%
      }

      .ui-col-sm-push-11 {
        left: 45.83333333%
      }

      .ui-col-sm-pull-11 {
        right: 45.83333333%
      }

      .ui-col-sm-offset-11 {
        margin-left: 45.83333333%
      }

      .ui-col-sm-order-11 {
        order: 11
      }

      .ui-col-span-sm-10 {
        display: block;
        width: 41.66666667%
      }

      .ui-col-sm-push-10 {
        left: 41.66666667%
      }

      .ui-col-sm-pull-10 {
        right: 41.66666667%
      }

      .ui-col-sm-offset-10 {
        margin-left: 41.66666667%
      }

      .ui-col-sm-order-10 {
        order: 10
      }

      .ui-col-span-sm-9 {
        display: block;
        width: 37.5%
      }

      .ui-col-sm-push-9 {
        left: 37.5%
      }

      .ui-col-sm-pull-9 {
        right: 37.5%
      }

      .ui-col-sm-offset-9 {
        margin-left: 37.5%
      }

      .ui-col-sm-order-9 {
        order: 9
      }

      .ui-col-span-sm-8 {
        display: block;
        width: 33.33333333%
      }

      .ui-col-sm-push-8 {
        left: 33.33333333%
      }

      .ui-col-sm-pull-8 {
        right: 33.33333333%
      }

      .ui-col-sm-offset-8 {
        margin-left: 33.33333333%
      }

      .ui-col-sm-order-8 {
        order: 8
      }

      .ui-col-span-sm-7 {
        display: block;
        width: 29.16666667%
      }

      .ui-col-sm-push-7 {
        left: 29.16666667%
      }

      .ui-col-sm-pull-7 {
        right: 29.16666667%
      }

      .ui-col-sm-offset-7 {
        margin-left: 29.16666667%
      }

      .ui-col-sm-order-7 {
        order: 7
      }

      .ui-col-span-sm-6 {
        display: block;
        width: 25%
      }

      .ui-col-sm-push-6 {
        left: 25%
      }

      .ui-col-sm-pull-6 {
        right: 25%
      }

      .ui-col-sm-offset-6 {
        margin-left: 25%
      }

      .ui-col-sm-order-6 {
        order: 6
      }

      .ui-col-span-sm-5 {
        display: block;
        width: 20.83333333%
      }

      .ui-col-sm-push-5 {
        left: 20.83333333%
      }

      .ui-col-sm-pull-5 {
        right: 20.83333333%
      }

      .ui-col-sm-offset-5 {
        margin-left: 20.83333333%
      }

      .ui-col-sm-order-5 {
        order: 5
      }

      .ui-col-span-sm-4 {
        display: block;
        width: 16.66666667%
      }

      .ui-col-sm-push-4 {
        left: 16.66666667%
      }

      .ui-col-sm-pull-4 {
        right: 16.66666667%
      }

      .ui-col-sm-offset-4 {
        margin-left: 16.66666667%
      }

      .ui-col-sm-order-4 {
        order: 4
      }

      .ui-col-span-sm-3 {
        display: block;
        width: 12.5%
      }

      .ui-col-sm-push-3 {
        left: 12.5%
      }

      .ui-col-sm-pull-3 {
        right: 12.5%
      }

      .ui-col-sm-offset-3 {
        margin-left: 12.5%
      }

      .ui-col-sm-order-3 {
        order: 3
      }

      .ui-col-span-sm-2 {
        display: block;
        width: 8.33333333%
      }

      .ui-col-sm-push-2 {
        left: 8.33333333%
      }

      .ui-col-sm-pull-2 {
        right: 8.33333333%
      }

      .ui-col-sm-offset-2 {
        margin-left: 8.33333333%
      }

      .ui-col-sm-order-2 {
        order: 2
      }

      .ui-col-span-sm-1 {
        display: block;
        width: 4.16666667%
      }

      .ui-col-sm-push-1 {
        left: 4.16666667%
      }

      .ui-col-sm-pull-1 {
        right: 4.16666667%
      }

      .ui-col-sm-offset-1 {
        margin-left: 4.16666667%
      }

      .ui-col-sm-order-1 {
        order: 1
      }

      .ui-col-span-sm-0 {
        display: none
      }

      .ui-col-sm-push-0 {
        left: auto
      }

      .ui-col-sm-pull-0 {
        right: auto
      }
    }

    @media (min-width:992px) {

      .ui-col-span-md-1,
      .ui-col-span-md-2,
      .ui-col-span-md-3,
      .ui-col-span-md-4,
      .ui-col-span-md-5,
      .ui-col-span-md-6,
      .ui-col-span-md-7,
      .ui-col-span-md-8,
      .ui-col-span-md-9,
      .ui-col-span-md-10,
      .ui-col-span-md-11,
      .ui-col-span-md-12,
      .ui-col-span-md-13,
      .ui-col-span-md-14,
      .ui-col-span-md-15,
      .ui-col-span-md-16,
      .ui-col-span-md-17,
      .ui-col-span-md-18,
      .ui-col-span-md-19,
      .ui-col-span-md-20,
      .ui-col-span-md-21,
      .ui-col-span-md-22,
      .ui-col-span-md-23,
      .ui-col-span-md-24 {
        float: left;
        flex: 0 0 auto
      }

      .ui-col-span-md-24 {
        display: block;
        width: 100%
      }

      .ui-col-md-push-24 {
        left: 100%
      }

      .ui-col-md-pull-24 {
        right: 100%
      }

      .ui-col-md-offset-24 {
        margin-left: 100%
      }

      .ui-col-md-order-24 {
        order: 24
      }

      .ui-col-span-md-23 {
        display: block;
        width: 95.83333333%
      }

      .ui-col-md-push-23 {
        left: 95.83333333%
      }

      .ui-col-md-pull-23 {
        right: 95.83333333%
      }

      .ui-col-md-offset-23 {
        margin-left: 95.83333333%
      }

      .ui-col-md-order-23 {
        order: 23
      }

      .ui-col-span-md-22 {
        display: block;
        width: 91.66666667%
      }

      .ui-col-md-push-22 {
        left: 91.66666667%
      }

      .ui-col-md-pull-22 {
        right: 91.66666667%
      }

      .ui-col-md-offset-22 {
        margin-left: 91.66666667%
      }

      .ui-col-md-order-22 {
        order: 22
      }

      .ui-col-span-md-21 {
        display: block;
        width: 87.5%
      }

      .ui-col-md-push-21 {
        left: 87.5%
      }

      .ui-col-md-pull-21 {
        right: 87.5%
      }

      .ui-col-md-offset-21 {
        margin-left: 87.5%
      }

      .ui-col-md-order-21 {
        order: 21
      }

      .ui-col-span-md-20 {
        display: block;
        width: 83.33333333%
      }

      .ui-col-md-push-20 {
        left: 83.33333333%
      }

      .ui-col-md-pull-20 {
        right: 83.33333333%
      }

      .ui-col-md-offset-20 {
        margin-left: 83.33333333%
      }

      .ui-col-md-order-20 {
        order: 20
      }

      .ui-col-span-md-19 {
        display: block;
        width: 79.16666667%
      }

      .ui-col-md-push-19 {
        left: 79.16666667%
      }

      .ui-col-md-pull-19 {
        right: 79.16666667%
      }

      .ui-col-md-offset-19 {
        margin-left: 79.16666667%
      }

      .ui-col-md-order-19 {
        order: 19
      }

      .ui-col-span-md-18 {
        display: block;
        width: 75%
      }

      .ui-col-md-push-18 {
        left: 75%
      }

      .ui-col-md-pull-18 {
        right: 75%
      }

      .ui-col-md-offset-18 {
        margin-left: 75%
      }

      .ui-col-md-order-18 {
        order: 18
      }

      .ui-col-span-md-17 {
        display: block;
        width: 70.83333333%
      }

      .ui-col-md-push-17 {
        left: 70.83333333%
      }

      .ui-col-md-pull-17 {
        right: 70.83333333%
      }

      .ui-col-md-offset-17 {
        margin-left: 70.83333333%
      }

      .ui-col-md-order-17 {
        order: 17
      }

      .ui-col-span-md-16 {
        display: block;
        width: 66.66666667%
      }

      .ui-col-md-push-16 {
        left: 66.66666667%
      }

      .ui-col-md-pull-16 {
        right: 66.66666667%
      }

      .ui-col-md-offset-16 {
        margin-left: 66.66666667%
      }

      .ui-col-md-order-16 {
        order: 16
      }

      .ui-col-span-md-15 {
        display: block;
        width: 62.5%
      }

      .ui-col-md-push-15 {
        left: 62.5%
      }

      .ui-col-md-pull-15 {
        right: 62.5%
      }

      .ui-col-md-offset-15 {
        margin-left: 62.5%
      }

      .ui-col-md-order-15 {
        order: 15
      }

      .ui-col-span-md-14 {
        display: block;
        width: 58.33333333%
      }

      .ui-col-md-push-14 {
        left: 58.33333333%
      }

      .ui-col-md-pull-14 {
        right: 58.33333333%
      }

      .ui-col-md-offset-14 {
        margin-left: 58.33333333%
      }

      .ui-col-md-order-14 {
        order: 14
      }

      .ui-col-span-md-13 {
        display: block;
        width: 54.16666667%
      }

      .ui-col-md-push-13 {
        left: 54.16666667%
      }

      .ui-col-md-pull-13 {
        right: 54.16666667%
      }

      .ui-col-md-offset-13 {
        margin-left: 54.16666667%
      }

      .ui-col-md-order-13 {
        order: 13
      }

      .ui-col-span-md-12 {
        display: block;
        width: 50%
      }

      .ui-col-md-push-12 {
        left: 50%
      }

      .ui-col-md-pull-12 {
        right: 50%
      }

      .ui-col-md-offset-12 {
        margin-left: 50%
      }

      .ui-col-md-order-12 {
        order: 12
      }

      .ui-col-span-md-11 {
        display: block;
        width: 45.83333333%
      }

      .ui-col-md-push-11 {
        left: 45.83333333%
      }

      .ui-col-md-pull-11 {
        right: 45.83333333%
      }

      .ui-col-md-offset-11 {
        margin-left: 45.83333333%
      }

      .ui-col-md-order-11 {
        order: 11
      }

      .ui-col-span-md-10 {
        display: block;
        width: 41.66666667%
      }

      .ui-col-md-push-10 {
        left: 41.66666667%
      }

      .ui-col-md-pull-10 {
        right: 41.66666667%
      }

      .ui-col-md-offset-10 {
        margin-left: 41.66666667%
      }

      .ui-col-md-order-10 {
        order: 10
      }

      .ui-col-span-md-9 {
        display: block;
        width: 37.5%
      }

      .ui-col-md-push-9 {
        left: 37.5%
      }

      .ui-col-md-pull-9 {
        right: 37.5%
      }

      .ui-col-md-offset-9 {
        margin-left: 37.5%
      }

      .ui-col-md-order-9 {
        order: 9
      }

      .ui-col-span-md-8 {
        display: block;
        width: 33.33333333%
      }

      .ui-col-md-push-8 {
        left: 33.33333333%
      }

      .ui-col-md-pull-8 {
        right: 33.33333333%
      }

      .ui-col-md-offset-8 {
        margin-left: 33.33333333%
      }

      .ui-col-md-order-8 {
        order: 8
      }

      .ui-col-span-md-7 {
        display: block;
        width: 29.16666667%
      }

      .ui-col-md-push-7 {
        left: 29.16666667%
      }

      .ui-col-md-pull-7 {
        right: 29.16666667%
      }

      .ui-col-md-offset-7 {
        margin-left: 29.16666667%
      }

      .ui-col-md-order-7 {
        order: 7
      }

      .ui-col-span-md-6 {
        display: block;
        width: 25%
      }

      .ui-col-md-push-6 {
        left: 25%
      }

      .ui-col-md-pull-6 {
        right: 25%
      }

      .ui-col-md-offset-6 {
        margin-left: 25%
      }

      .ui-col-md-order-6 {
        order: 6
      }

      .ui-col-span-md-5 {
        display: block;
        width: 20.83333333%
      }

      .ui-col-md-push-5 {
        left: 20.83333333%
      }

      .ui-col-md-pull-5 {
        right: 20.83333333%
      }

      .ui-col-md-offset-5 {
        margin-left: 20.83333333%
      }

      .ui-col-md-order-5 {
        order: 5
      }

      .ui-col-span-md-4 {
        display: block;
        width: 16.66666667%
      }

      .ui-col-md-push-4 {
        left: 16.66666667%
      }

      .ui-col-md-pull-4 {
        right: 16.66666667%
      }

      .ui-col-md-offset-4 {
        margin-left: 16.66666667%
      }

      .ui-col-md-order-4 {
        order: 4
      }

      .ui-col-span-md-3 {
        display: block;
        width: 12.5%
      }

      .ui-col-md-push-3 {
        left: 12.5%
      }

      .ui-col-md-pull-3 {
        right: 12.5%
      }

      .ui-col-md-offset-3 {
        margin-left: 12.5%
      }

      .ui-col-md-order-3 {
        order: 3
      }

      .ui-col-span-md-2 {
        display: block;
        width: 8.33333333%
      }

      .ui-col-md-push-2 {
        left: 8.33333333%
      }

      .ui-col-md-pull-2 {
        right: 8.33333333%
      }

      .ui-col-md-offset-2 {
        margin-left: 8.33333333%
      }

      .ui-col-md-order-2 {
        order: 2
      }

      .ui-col-span-md-1 {
        display: block;
        width: 4.16666667%
      }

      .ui-col-md-push-1 {
        left: 4.16666667%
      }

      .ui-col-md-pull-1 {
        right: 4.16666667%
      }

      .ui-col-md-offset-1 {
        margin-left: 4.16666667%
      }

      .ui-col-md-order-1 {
        order: 1
      }

      .ui-col-span-md-0 {
        display: none
      }

      .ui-col-md-push-0 {
        left: auto
      }

      .ui-col-md-pull-0 {
        right: auto
      }
    }

    @media (min-width:1200px) {

      .ui-col-span-lg-1,
      .ui-col-span-lg-2,
      .ui-col-span-lg-3,
      .ui-col-span-lg-4,
      .ui-col-span-lg-5,
      .ui-col-span-lg-6,
      .ui-col-span-lg-7,
      .ui-col-span-lg-8,
      .ui-col-span-lg-9,
      .ui-col-span-lg-10,
      .ui-col-span-lg-11,
      .ui-col-span-lg-12,
      .ui-col-span-lg-13,
      .ui-col-span-lg-14,
      .ui-col-span-lg-15,
      .ui-col-span-lg-16,
      .ui-col-span-lg-17,
      .ui-col-span-lg-18,
      .ui-col-span-lg-19,
      .ui-col-span-lg-20,
      .ui-col-span-lg-21,
      .ui-col-span-lg-22,
      .ui-col-span-lg-23,
      .ui-col-span-lg-24 {
        float: left;
        flex: 0 0 auto
      }

      .ui-col-span-lg-24 {
        display: block;
        width: 100%
      }

      .ui-col-lg-push-24 {
        left: 100%
      }

      .ui-col-lg-pull-24 {
        right: 100%
      }

      .ui-col-lg-offset-24 {
        margin-left: 100%
      }

      .ui-col-lg-order-24 {
        order: 24
      }

      .ui-col-span-lg-23 {
        display: block;
        width: 95.83333333%
      }

      .ui-col-lg-push-23 {
        left: 95.83333333%
      }

      .ui-col-lg-pull-23 {
        right: 95.83333333%
      }

      .ui-col-lg-offset-23 {
        margin-left: 95.83333333%
      }

      .ui-col-lg-order-23 {
        order: 23
      }

      .ui-col-span-lg-22 {
        display: block;
        width: 91.66666667%
      }

      .ui-col-lg-push-22 {
        left: 91.66666667%
      }

      .ui-col-lg-pull-22 {
        right: 91.66666667%
      }

      .ui-col-lg-offset-22 {
        margin-left: 91.66666667%
      }

      .ui-col-lg-order-22 {
        order: 22
      }

      .ui-col-span-lg-21 {
        display: block;
        width: 87.5%
      }

      .ui-col-lg-push-21 {
        left: 87.5%
      }

      .ui-col-lg-pull-21 {
        right: 87.5%
      }

      .ui-col-lg-offset-21 {
        margin-left: 87.5%
      }

      .ui-col-lg-order-21 {
        order: 21
      }

      .ui-col-span-lg-20 {
        display: block;
        width: 83.33333333%
      }

      .ui-col-lg-push-20 {
        left: 83.33333333%
      }

      .ui-col-lg-pull-20 {
        right: 83.33333333%
      }

      .ui-col-lg-offset-20 {
        margin-left: 83.33333333%
      }

      .ui-col-lg-order-20 {
        order: 20
      }

      .ui-col-span-lg-19 {
        display: block;
        width: 79.16666667%
      }

      .ui-col-lg-push-19 {
        left: 79.16666667%
      }

      .ui-col-lg-pull-19 {
        right: 79.16666667%
      }

      .ui-col-lg-offset-19 {
        margin-left: 79.16666667%
      }

      .ui-col-lg-order-19 {
        order: 19
      }

      .ui-col-span-lg-18 {
        display: block;
        width: 75%
      }

      .ui-col-lg-push-18 {
        left: 75%
      }

      .ui-col-lg-pull-18 {
        right: 75%
      }

      .ui-col-lg-offset-18 {
        margin-left: 75%
      }

      .ui-col-lg-order-18 {
        order: 18
      }

      .ui-col-span-lg-17 {
        display: block;
        width: 70.83333333%
      }

      .ui-col-lg-push-17 {
        left: 70.83333333%
      }

      .ui-col-lg-pull-17 {
        right: 70.83333333%
      }

      .ui-col-lg-offset-17 {
        margin-left: 70.83333333%
      }

      .ui-col-lg-order-17 {
        order: 17
      }

      .ui-col-span-lg-16 {
        display: block;
        width: 66.66666667%
      }

      .ui-col-lg-push-16 {
        left: 66.66666667%
      }

      .ui-col-lg-pull-16 {
        right: 66.66666667%
      }

      .ui-col-lg-offset-16 {
        margin-left: 66.66666667%
      }

      .ui-col-lg-order-16 {
        order: 16
      }

      .ui-col-span-lg-15 {
        display: block;
        width: 62.5%
      }

      .ui-col-lg-push-15 {
        left: 62.5%
      }

      .ui-col-lg-pull-15 {
        right: 62.5%
      }

      .ui-col-lg-offset-15 {
        margin-left: 62.5%
      }

      .ui-col-lg-order-15 {
        order: 15
      }

      .ui-col-span-lg-14 {
        display: block;
        width: 58.33333333%
      }

      .ui-col-lg-push-14 {
        left: 58.33333333%
      }

      .ui-col-lg-pull-14 {
        right: 58.33333333%
      }

      .ui-col-lg-offset-14 {
        margin-left: 58.33333333%
      }

      .ui-col-lg-order-14 {
        order: 14
      }

      .ui-col-span-lg-13 {
        display: block;
        width: 54.16666667%
      }

      .ui-col-lg-push-13 {
        left: 54.16666667%
      }

      .ui-col-lg-pull-13 {
        right: 54.16666667%
      }

      .ui-col-lg-offset-13 {
        margin-left: 54.16666667%
      }

      .ui-col-lg-order-13 {
        order: 13
      }

      .ui-col-span-lg-12 {
        display: block;
        width: 50%
      }

      .ui-col-lg-push-12 {
        left: 50%
      }

      .ui-col-lg-pull-12 {
        right: 50%
      }

      .ui-col-lg-offset-12 {
        margin-left: 50%
      }

      .ui-col-lg-order-12 {
        order: 12
      }

      .ui-col-span-lg-11 {
        display: block;
        width: 45.83333333%
      }

      .ui-col-lg-push-11 {
        left: 45.83333333%
      }

      .ui-col-lg-pull-11 {
        right: 45.83333333%
      }

      .ui-col-lg-offset-11 {
        margin-left: 45.83333333%
      }

      .ui-col-lg-order-11 {
        order: 11
      }

      .ui-col-span-lg-10 {
        display: block;
        width: 41.66666667%
      }

      .ui-col-lg-push-10 {
        left: 41.66666667%
      }

      .ui-col-lg-pull-10 {
        right: 41.66666667%
      }

      .ui-col-lg-offset-10 {
        margin-left: 41.66666667%
      }

      .ui-col-lg-order-10 {
        order: 10
      }

      .ui-col-span-lg-9 {
        display: block;
        width: 37.5%
      }

      .ui-col-lg-push-9 {
        left: 37.5%
      }

      .ui-col-lg-pull-9 {
        right: 37.5%
      }

      .ui-col-lg-offset-9 {
        margin-left: 37.5%
      }

      .ui-col-lg-order-9 {
        order: 9
      }

      .ui-col-span-lg-8 {
        display: block;
        width: 33.33333333%
      }

      .ui-col-lg-push-8 {
        left: 33.33333333%
      }

      .ui-col-lg-pull-8 {
        right: 33.33333333%
      }

      .ui-col-lg-offset-8 {
        margin-left: 33.33333333%
      }

      .ui-col-lg-order-8 {
        order: 8
      }

      .ui-col-span-lg-7 {
        display: block;
        width: 29.16666667%
      }

      .ui-col-lg-push-7 {
        left: 29.16666667%
      }

      .ui-col-lg-pull-7 {
        right: 29.16666667%
      }

      .ui-col-lg-offset-7 {
        margin-left: 29.16666667%
      }

      .ui-col-lg-order-7 {
        order: 7
      }

      .ui-col-span-lg-6 {
        display: block;
        width: 25%
      }

      .ui-col-lg-push-6 {
        left: 25%
      }

      .ui-col-lg-pull-6 {
        right: 25%
      }

      .ui-col-lg-offset-6 {
        margin-left: 25%
      }

      .ui-col-lg-order-6 {
        order: 6
      }

      .ui-col-span-lg-5 {
        display: block;
        width: 20.83333333%
      }

      .ui-col-lg-push-5 {
        left: 20.83333333%
      }

      .ui-col-lg-pull-5 {
        right: 20.83333333%
      }

      .ui-col-lg-offset-5 {
        margin-left: 20.83333333%
      }

      .ui-col-lg-order-5 {
        order: 5
      }

      .ui-col-span-lg-4 {
        display: block;
        width: 16.66666667%
      }

      .ui-col-lg-push-4 {
        left: 16.66666667%
      }

      .ui-col-lg-pull-4 {
        right: 16.66666667%
      }

      .ui-col-lg-offset-4 {
        margin-left: 16.66666667%
      }

      .ui-col-lg-order-4 {
        order: 4
      }

      .ui-col-span-lg-3 {
        display: block;
        width: 12.5%
      }

      .ui-col-lg-push-3 {
        left: 12.5%
      }

      .ui-col-lg-pull-3 {
        right: 12.5%
      }

      .ui-col-lg-offset-3 {
        margin-left: 12.5%
      }

      .ui-col-lg-order-3 {
        order: 3
      }

      .ui-col-span-lg-2 {
        display: block;
        width: 8.33333333%
      }

      .ui-col-lg-push-2 {
        left: 8.33333333%
      }

      .ui-col-lg-pull-2 {
        right: 8.33333333%
      }

      .ui-col-lg-offset-2 {
        margin-left: 8.33333333%
      }

      .ui-col-lg-order-2 {
        order: 2
      }

      .ui-col-span-lg-1 {
        display: block;
        width: 4.16666667%
      }

      .ui-col-lg-push-1 {
        left: 4.16666667%
      }

      .ui-col-lg-pull-1 {
        right: 4.16666667%
      }

      .ui-col-lg-offset-1 {
        margin-left: 4.16666667%
      }

      .ui-col-lg-order-1 {
        order: 1
      }

      .ui-col-span-lg-0 {
        display: none
      }

      .ui-col-lg-push-0 {
        left: auto
      }

      .ui-col-lg-pull-0 {
        right: auto
      }
    }

    .fade-appear,
    .fade-enter-active,
    .fade-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .fade-appear,
    .fade-enter-active {
      animation-name: ivuFadeIn;
      animation-play-state: running
    }

    .fade-leave-active {
      animation-name: ivuFadeOut;
      animation-play-state: running
    }

    .fade-appear,
    .fade-enter-active {
      opacity: 0
    }

    .fade-appear,
    .fade-enter-active,
    .fade-leave-active {
      animation-timing-function: linear
    }

    @keyframes ivuFadeIn {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @keyframes ivuFadeOut {
      0% {
        opacity: 1
      }

      to {
        opacity: 0
      }
    }

    .move-up-appear,
    .move-up-enter-active,
    .move-up-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .move-up-appear,
    .move-up-enter-active {
      animation-name: ivuMoveUpIn;
      animation-play-state: running
    }

    .move-up-leave-active {
      animation-name: ivuMoveUpOut;
      animation-play-state: running
    }

    .move-up-appear,
    .move-up-enter-active {
      opacity: 0;
      animation-timing-function: ease-in-out
    }

    .move-up-leave-active {
      animation-timing-function: ease-in-out
    }

    .move-down-appear,
    .move-down-enter-active,
    .move-down-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .move-down-appear,
    .move-down-enter-active {
      animation-name: ivuMoveDownIn;
      animation-play-state: running
    }

    .move-down-leave-active {
      animation-name: ivuMoveDownOut;
      animation-play-state: running
    }

    .move-down-appear,
    .move-down-enter-active {
      opacity: 0;
      animation-timing-function: ease-in-out
    }

    .move-down-leave-active {
      animation-timing-function: ease-in-out
    }

    .move-left-appear,
    .move-left-enter-active,
    .move-left-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .move-left-appear,
    .move-left-enter-active {
      animation-name: ivuMoveLeftIn;
      animation-play-state: running
    }

    .move-left-leave-active {
      animation-name: ivuMoveLeftOut;
      animation-play-state: running
    }

    .move-left-appear,
    .move-left-enter-active {
      opacity: 0;
      animation-timing-function: ease-in-out
    }

    .move-left-leave-active {
      animation-timing-function: ease-in-out
    }

    .move-right-appear,
    .move-right-enter-active,
    .move-right-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .move-right-appear,
    .move-right-enter-active {
      animation-name: ivuMoveRightIn;
      animation-play-state: running
    }

    .move-right-leave-active {
      animation-name: ivuMoveRightOut;
      animation-play-state: running
    }

    .move-right-appear,
    .move-right-enter-active {
      opacity: 0;
      animation-timing-function: ease-in-out
    }

    .move-right-leave-active {
      animation-timing-function: ease-in-out
    }

    @keyframes ivuMoveDownIn {
      0% {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0
      }

      to {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
      }
    }

    @keyframes ivuMoveDownOut {
      0% {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
      }

      to {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0
      }
    }

    @keyframes ivuMoveLeftIn {
      0% {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
      }

      to {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
      }
    }

    @keyframes ivuMoveLeftOut {
      0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
      }

      to {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
      }
    }

    @keyframes ivuMoveRightIn {
      0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
      }

      to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
      }
    }

    @keyframes ivuMoveRightOut {
      0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
      }

      to {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0
      }
    }

    @keyframes ivuMoveUpIn {
      0% {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0
      }

      to {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
      }
    }

    @keyframes ivuMoveUpOut {
      0% {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
      }

      to {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0
      }
    }

    .ease-appear,
    .ease-enter-active,
    .ease-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .ease-appear,
    .ease-enter-active {
      animation-name: ivuEaseIn;
      animation-play-state: running
    }

    .ease-leave-active {
      animation-name: ivuEaseOut;
      animation-play-state: running
    }

    .ease-appear,
    .ease-enter-active {
      opacity: 0
    }

    .ease-appear,
    .ease-enter-active,
    .ease-leave-active {
      animation-timing-function: linear;
      animation-duration: .2s
    }

    @keyframes ivuEaseIn {
      0% {
        opacity: 0;
        transform: scale(.9)
      }

      to {
        opacity: 1;
        transform: scale(1)
      }
    }

    @keyframes ivuEaseOut {
      0% {
        opacity: 1;
        transform: scale(1)
      }

      to {
        opacity: 0;
        transform: scale(.9)
      }
    }

    .transition-drop-appear,
    .transition-drop-enter-active,
    .transition-drop-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .transition-drop-appear,
    .transition-drop-enter-active {
      animation-name: ivuTransitionDropIn;
      animation-play-state: running
    }

    .transition-drop-leave-active {
      animation-name: ivuTransitionDropOut;
      animation-play-state: running
    }

    .transition-drop-appear,
    .transition-drop-enter-active {
      opacity: 0;
      animation-timing-function: ease-in-out
    }

    .transition-drop-leave-active {
      animation-timing-function: ease-in-out
    }

    .slide-up-appear,
    .slide-up-enter-active,
    .slide-up-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .slide-up-appear,
    .slide-up-enter-active {
      animation-name: ivuSlideUpIn;
      animation-play-state: running
    }

    .slide-up-leave-active {
      animation-name: ivuSlideUpOut;
      animation-play-state: running
    }

    .slide-up-appear,
    .slide-up-enter-active {
      opacity: 0;
      animation-timing-function: ease-in-out
    }

    .slide-up-leave-active {
      animation-timing-function: ease-in-out
    }

    .slide-down-appear,
    .slide-down-enter-active,
    .slide-down-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .slide-down-appear,
    .slide-down-enter-active {
      animation-name: ivuSlideDownIn;
      animation-play-state: running
    }

    .slide-down-leave-active {
      animation-name: ivuSlideDownOut;
      animation-play-state: running
    }

    .slide-down-appear,
    .slide-down-enter-active {
      opacity: 0;
      animation-timing-function: ease-in-out
    }

    .slide-down-leave-active {
      animation-timing-function: ease-in-out
    }

    .slide-left-appear,
    .slide-left-enter-active,
    .slide-left-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .slide-left-appear,
    .slide-left-enter-active {
      animation-name: ivuSlideLeftIn;
      animation-play-state: running
    }

    .slide-left-leave-active {
      animation-name: ivuSlideLeftOut;
      animation-play-state: running
    }

    .slide-left-appear,
    .slide-left-enter-active {
      opacity: 0;
      animation-timing-function: ease-in-out
    }

    .slide-left-leave-active {
      animation-timing-function: ease-in-out
    }

    .slide-right-appear,
    .slide-right-enter-active,
    .slide-right-leave-active {
      animation-duration: .3s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .slide-right-appear,
    .slide-right-enter-active {
      animation-name: ivuSlideRightIn;
      animation-play-state: running
    }

    .slide-right-leave-active {
      animation-name: ivuSlideRightOut;
      animation-play-state: running
    }

    .slide-right-appear,
    .slide-right-enter-active {
      opacity: 0;
      animation-timing-function: ease-in-out
    }

    .slide-right-leave-active {
      animation-timing-function: ease-in-out
    }

    @keyframes ivuTransitionDropIn {
      0% {
        opacity: 0;
        transform: scaleY(.8)
      }

      to {
        opacity: 1;
        transform: scaleY(1)
      }
    }

    @keyframes ivuTransitionDropOut {
      0% {
        opacity: 1;
        transform: scaleY(1)
      }

      to {
        opacity: 0;
        transform: scaleY(.8)
      }
    }

    @keyframes ivuSlideUpIn {
      0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
      }

      to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
      }
    }

    @keyframes ivuSlideUpOut {
      0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
      }

      to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
      }
    }

    @keyframes ivuSlideDownIn {
      0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
      }

      to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
      }
    }

    @keyframes ivuSlideDownOut {
      0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
      }

      to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
      }
    }

    @keyframes ivuSlideLeftIn {
      0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
      }

      to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
      }
    }

    @keyframes ivuSlideLeftOut {
      0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
      }

      to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
      }
    }

    @keyframes ivuSlideRightIn {
      0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
      }

      to {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
      }
    }

    @keyframes ivuSlideRightOut {
      0% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
      }

      to {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
      }
    }

    .collapse-transition {
      transition: height .2s ease-in-out, padding-top .2s ease-in-out, padding-bottom .2s ease-in-out
    }

    .btn {
      margin: 0;
      padding: 9px 15px;
      line-height: 1;
      font-size: 14px;
      background-color: #fff;
      border: 1px solid #e3e7ed;
      color: #414a60;
      vertical-align: middle;
      cursor: pointer;
      text-align: center;
      border-radius: 0;
      -webkit-appearance: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: background-color .1s linear, box-shadow .1s linear;
      outline: none;
      user-select: none
    }

    .btn,
    .btn i {
      display: inline-block
    }

    .btn i {
      margin-right: 3px
    }

    .btn.active,
    .btn.selected,
    .btn:hover {
      background-color: #f7f7f7
    }

    .btn:active {
      box-shadow: 0 0 0 3px #f9fafb
    }

    .btn-primary {
      background-color: #5dd5c8;
      border-color: #5dd5c8;
      color: #fff
    }

    .btn-primary:hover {
      background-color: #6adbcf;
      border-color: #6adbcf
    }

    .btn-primary:active {
      box-shadow: 0 0 0 3px #dff7f4
    }

    .btn-success {
      background-color: #67c23a;
      border-color: #67c23a;
      color: #fff
    }

    .btn-success:hover {
      background-color: #85ce61;
      border-color: #85ce61
    }

    .btn-success:active {
      box-shadow: 0 0 0 3px #e1f3d8
    }

    .btn-danger {
      background-color: #ef5350;
      border-color: #ef5350;
      color: #fff
    }

    .btn-danger:hover {
      background-color: #f27573;
      border-color: #f27573
    }

    .btn-danger:active {
      box-shadow: 0 0 0 3px #fcdddc
    }

    .btn-warning {
      background-color: #f90;
      border-color: #f90;
      color: #fff
    }

    .btn-warning:hover {
      background-color: #ffad33;
      border-color: #ffad33
    }

    .btn-warning:active {
      box-shadow: 0 0 0 3px #ffebcc
    }

    .btn-info {
      background-color: #2db7f5;
      border-color: #2db7f5;
      color: #fff
    }

    .btn-info:hover {
      background-color: #42bef6;
      border-color: #42bef6
    }

    .btn-info:active {
      box-shadow: 0 0 0 3px #d5f1fd
    }

    .btn-text {
      border-color: transparent
    }

    .btn-circle,
    .btn-dashed,
    .btn-outline {
      border-style: dashed;
      background-color: #fff
    }

    .btn-circle.btn-primary,
    .btn-dashed.btn-primary,
    .btn-outline.btn-primary {
      color: #5dd5c8
    }

    .btn-circle.btn-primary.active,
    .btn-circle.btn-primary.selected,
    .btn-circle.btn-primary:hover,
    .btn-dashed.btn-primary.active,
    .btn-dashed.btn-primary.selected,
    .btn-dashed.btn-primary:hover,
    .btn-outline.btn-primary.active,
    .btn-outline.btn-primary.selected,
    .btn-outline.btn-primary:hover {
      background-color: #effbfa
    }

    .btn-circle.btn-success,
    .btn-dashed.btn-success,
    .btn-outline.btn-success {
      color: #67c23a
    }

    .btn-circle.btn-success.active,
    .btn-circle.btn-success.selected,
    .btn-circle.btn-success:hover,
    .btn-dashed.btn-success.active,
    .btn-dashed.btn-success.selected,
    .btn-dashed.btn-success:hover,
    .btn-outline.btn-success.active,
    .btn-outline.btn-success.selected,
    .btn-outline.btn-success:hover {
      background-color: #f0f9eb
    }

    .btn-circle.btn-danger,
    .btn-dashed.btn-danger,
    .btn-outline.btn-danger {
      color: #ef5350
    }

    .btn-circle.btn-danger.active,
    .btn-circle.btn-danger.selected,
    .btn-circle.btn-danger:hover,
    .btn-dashed.btn-danger.active,
    .btn-dashed.btn-danger.selected,
    .btn-dashed.btn-danger:hover,
    .btn-outline.btn-danger.active,
    .btn-outline.btn-danger.selected,
    .btn-outline.btn-danger:hover {
      background-color: #fdeeee
    }

    .btn-circle.btn-warning,
    .btn-dashed.btn-warning,
    .btn-outline.btn-warning {
      color: #f90
    }

    .btn-circle.btn-warning.active,
    .btn-circle.btn-warning.selected,
    .btn-circle.btn-warning:hover,
    .btn-dashed.btn-warning.active,
    .btn-dashed.btn-warning.selected,
    .btn-dashed.btn-warning:hover,
    .btn-outline.btn-warning.active,
    .btn-outline.btn-warning.selected,
    .btn-outline.btn-warning:hover {
      background-color: #fff5e6
    }

    .btn-circle.btn-info,
    .btn-dashed.btn-info,
    .btn-outline.btn-info {
      color: #2db7f5
    }

    .btn-circle.btn-info.active,
    .btn-circle.btn-info.selected,
    .btn-circle.btn-info:hover,
    .btn-dashed.btn-info.active,
    .btn-dashed.btn-info.selected,
    .btn-dashed.btn-info:hover,
    .btn-outline.btn-info.active,
    .btn-outline.btn-info.selected,
    .btn-outline.btn-info:hover {
      background-color: #eaf8fe
    }

    .btn-circle,
    .btn-outline {
      border-style: solid
    }

    .btn-circle {
      border-radius: 50%
    }

    .btn-circle.btn-icon {
      padding: 9px
    }

    .btn-circle.btn-dashed {
      border-style: dashed
    }

    .btn-circle i {
      margin-right: 0;
      font-size: 20px
    }

    .btn-small {
      padding: 5px 7px;
      font-size: 12px
    }

    .btn-disabled,
    .btn-loading,
    .btn[disabled] {
      opacity: .5;
      cursor: default;
      point-events: none
    }

    .btn-disabled:hover,
    .btn-loading:hover,
    .btn[disabled]:hover {
      background-color: #fff
    }

    .btn-disabled.btn-primary:hover,
    .btn-loading.btn-primary:hover,
    .btn[disabled].btn-primary:hover {
      background-color: #5dd5c8
    }

    .btn-disabled.btn-success:hover,
    .btn-loading.btn-success:hover,
    .btn[disabled].btn-success:hover {
      background-color: #67c23a
    }

    .btn-disabled.btn-danger:hover,
    .btn-loading.btn-danger:hover,
    .btn[disabled].btn-danger:hover {
      background-color: #ef5350
    }

    .btn-disabled.btn-warning:hover,
    .btn-loading.btn-warning:hover,
    .btn[disabled].btn-warning:hover {
      background-color: #f90
    }

    .btn-disabled.btn-info:hover,
    .btn-loading.btn-info:hover,
    .btn[disabled].btn-info:hover {
      background-color: #2db7f5
    }

    .btn-disabled:active,
    .btn-loading:active,
    .btn[disabled]:active {
      box-shadow: none
    }

    a.btn-primary:hover {
      color: #fff
    }

    a.btn-primary.btn-circle:hover,
    a.btn-primary.btn-dashed:hover,
    a.btn-primary.btn-outline:hover {
      color: #5dd5c8
    }

    a.btn-success:hover {
      color: #fff
    }

    a.btn-success.btn-circle:hover,
    a.btn-success.btn-dashed:hover,
    a.btn-success.btn-outline:hover {
      color: #67c23a
    }

    a.btn-danger:hover {
      color: #fff
    }

    a.btn-danger.btn-circle:hover,
    a.btn-danger.btn-dashed:hover,
    a.btn-danger.btn-outline:hover {
      color: #ef5350
    }

    a.btn-warning:hover {
      color: #fff
    }

    a.btn-warning.btn-circle:hover,
    a.btn-warning.btn-dashed:hover,
    a.btn-warning.btn-outline:hover {
      color: #f90
    }

    a.btn-info:hover {
      color: #fff
    }

    a.btn-info.btn-circle:hover,
    a.btn-info.btn-dashed:hover,
    a.btn-info.btn-outline:hover {
      color: #2db7f5
    }

    .btns-group .btn {
      border-radius: 0;
      border-right-width: 0
    }

    .btns-group .btn:first-of-type {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }

    .btns-group .btn:first-of-type.btn-circle {
      border-top-left-radius: 32px;
      border-bottom-left-radius: 32px
    }

    .btns-group .btn:last-of-type {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right-width: 1px
    }

    .btns-group .btn:hover {
      position: relative;
      border-right-width: 1px;
      margin-right: -1px
    }

    .text-primary {
      color: #5dd5c8
    }

    .text-danger {
      color: #ef5350
    }

    .text-success {
      color: #67c23a
    }

    .text-warning {
      color: #f90
    }

    .text-info {
      color: #2db7f5
    }

    .text-gray {
      color: #9fa3b0
    }

    .text-white {
      color: #fff
    }

    .red,
    .text-red {
      color: #ef5350
    }

    .text-underline {
      text-decoration: underline
    }

    .ui-badge {
      display: inline-block;
      padding: 0 6px;
      line-height: 18px;
      font-size: 12px;
      min-width: 10px;
      vertical-align: middle;
      margin-top: -4px;
      margin-right: 3px;
      border-radius: 10px;
      white-space: nowrap;
      background-color: #ededed;
      font-style: normal
    }

    .ui-badge-danger {
      background-color: #ef5350;
      color: #fff
    }

    .ui-badge-success {
      background-color: #67c23a;
      color: #fff
    }

    .ui-badge-warning {
      background-color: #f90;
      color: #fff
    }

    .ui-badge-info {
      background-color: #2db7f5;
      color: #fff
    }

    .alert-success {
      border-radius: 4px;
      background-color: #dff0d8;
      color: #3c763d;
      border: 1px solid #d6e9c6
    }

    .alert-success,
    .alert-warning {
      padding: 10px 15px;
      margin: 15px auto
    }

    .alert-warning {
      border-radius: 4px;
      background-color: #fcf8e3;
      color: #8a6d3b;
      border: 1px solid #faebcc
    }

    .alert-danger {
      border-radius: 4px;
      background-color: #f2dede;
      color: #a94442;
      border: 1px solid #ebccd1
    }

    .alert-danger,
    .alert-info {
      padding: 10px 15px;
      margin: 15px auto
    }

    .alert-info {
      border-radius: 4px;
      background-color: #f0faff;
      border: 1px solid #abdcff
    }

    .data-tips {
      display: flex;
      text-align: center;
      height: calc(100vh - 132px);
      min-height: 340px;
      position: relative;
      background: #fff;
      align-items: center;
      justify-content: center
    }

    .data-tips .boss-loading {
      margin-top: -20px;
      margin-right: -5px
    }

    .data-tips .boss-loading p {
      margin-top: 10px
    }

    .tip-nodata {
      display: block;
      width: 204px;
      height: 232px;
      margin: 0 auto 5px;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/tip-nodata.9c64ae8.9c64ae81.png) center 0 no-repeat
    }

    .tip-errordata {
      display: block;
      width: 412px;
      height: 212px;
      margin: -20px auto 15px;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/tip-errordata.2d5eb79.2d5eb79a.png) 118px 0 no-repeat
    }

    .tip-lockdata {
      display: block;
      width: 92px;
      height: 92px;
      margin: 20px auto 15px;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-lock-1.0a7d9fb.0a7d9fb7.png) 0 0 no-repeat
    }

    .tip-noposition {
      display: block;
      width: 177px;
      height: 160px;
      margin: 0 auto 43px;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/tip-noposition.8373dd7.8373dd7e.png) center 0 no-repeat
    }

    .tip-closedata {
      display: block;
      width: 107px;
      height: 108px;
      margin: 0 auto 20px
    }

    .boss-loading .component-b,
    .boss-loading .component-o,
    .boss-loading .component-s1,
    .boss-loading .component-s2 {
      display: inline-block;
      width: 40px;
      height: 42px;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icons-boss.f2acc91.f2acc91b.png) no-repeat;
      vertical-align: middle;
      -webkit-animation-fill-mode: both;
      -webkit-animation: bossLoading .6s linear infinite alternate;
      -moz-animation: bossLoading .6s infinite linear alternate;
      animation: bossLoading .6s linear infinite alternate
    }

    .boss-loading .component-b {
      background-position: 0 0
    }

    .boss-loading .component-o {
      content: "";
      background-position: 0 -68px;
      margin-left: -4px;
      -webkit-animation-delay: .1s;
      -moz-animation-delay: .1s;
      animation-delay: .1s
    }

    .boss-loading .component-s1 {
      background-position: 0 -141px;
      margin-left: 6px;
      -webkit-animation-delay: .2s;
      -moz-animation-delay: .2s;
      animation-delay: .2s
    }

    .boss-loading .component-s2 {
      content: "";
      background-position: 0 -141px;
      margin-left: -4px;
      -webkit-animation-delay: .3s;
      -moz-animation-delay: .3s;
      animation-delay: .3s
    }

    .data-tips .data-blank {
      width: 400px;
      margin: -120px 0 0 -200px
    }

    .data-tips .data-blank b {
      font-size: 18px;
      font-weight: 400;
      color: #9fa3b0
    }

    .data-tips .data-blank p {
      margin-top: 20px
    }

    .data-tips .data-blank .btn {
      margin-right: 0
    }

    .data-tips .data-blank .info {
      color: #414a60;
      font-size: 18px;
      line-height: 18px;
      margin-top: 0
    }

    .data-tips .data-blank .info-small {
      color: 14px;
      color: #9fa3b0;
      line-height: 14px;
      margin-top: 17px
    }

    .data-tips .data-blank .btn-box {
      margin-top: 97px
    }

    .data-tips .spinner {
      color: #9fa3b0
    }

    .data-tips .ui-icon-loading {
      font-size: 16px;
      margin: -2px 5px 0 0;
      vertical-align: middle
    }

    .tip-error {
      color: #fc6c38;
      font-size: 12px;
      display: inline-block;
      margin-left: 10px
    }

    .tip-error i {
      display: inline-block;
      margin-right: 5px
    }

    @keyframes bossLoading {
      0% {
        transform: translateZ(0)
      }

      50% {
        transform: translate3d(0, -10px, 0)
      }
    }

    .pager .options-dropdown,
    .pager .options-elevator,
    .pager .options-pages,
    .pager .total {
      display: inline-block;
      vertical-align: middle
    }

    .pager .options-dropdown {
      margin-right: 5px
    }

    .pager:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden
    }

    .pager .disabled {
      cursor: default;
      background: #f7f7f7
    }

    .pager a {
      display: inline-block;
      vertical-align: middle;
      min-width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      border: 1px solid #e3e7ed;
      margin: 0 3px
    }

    .pager a:last-of-type {
      margin-right: 0
    }

    .pager a:hover {
      background: #f2f5fa
    }

    .pager .selected,
    .pager .selected:hover {
      background-color: #5dd5c8;
      border-color: #5dd5c8;
      color: #fff
    }

    .pager .disabled:hover {
      background: #fbfbfb;
      color: #414a60
    }

    .pager .options-elevator input {
      width: 30px;
      min-width: 30px;
      margin-left: 6px
    }

    .pager .options-dropdown .dropdown-select input {
      min-width: 50px;
      width: 50px
    }

    .pager .options-dropdown .dropdown-menu {
      min-width: 50px
    }

    .pager.text-right {
      text-align: right
    }

    .loadmore {
      text-align: center;
      font-size: 12px;
      display: none;
      color: #999;
      margin-bottom: 15px;
      padding: 5px 0
    }

    .radio {
      display: inline-block;
      margin-right: 20px;
      white-space: nowrap;
      position: relative;
      line-height: 1;
      vertical-align: middle;
      cursor: pointer
    }

    .radio:last-of-type {
      margin-right: 0
    }

    .radio-inner {
      display: inline-block;
      width: 14px;
      height: 14px;
      position: relative;
      vertical-align: middle;
      margin-right: 4px;
      margin-top: -3px;
      background-color: #fff;
      border: 1px solid #e3e7ed;
      border-radius: 50%;
      transition: all .2s ease-in-out
    }

    .radio-inner:after {
      position: absolute;
      width: 8px;
      height: 8px;
      left: 2px;
      top: 2px;
      border-radius: 6px;
      display: table;
      border-top: 0;
      border-left: 0;
      content: " ";
      background-color: #5dd5c8;
      opacity: 0;
      transition: all .2s ease-in-out;
      transform: scale(0)
    }

    .radio-edging {
      position: relative;
      top: 0;
      left: 0;
      display: block;
      width: 12px;
      height: 12px;
      background-color: #fff;
      border-radius: 100%
    }

    .radio-edging:after {
      transform: rotate(45deg);
      position: absolute;
      left: 3px;
      top: 3px;
      display: table;
      width: 6px;
      height: 6px;
      border: 2px solid #fff;
      border-top: 0;
      border-left: 0;
      content: "";
      border-radius: 100%
    }

    .radio-input {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      opacity: 0;
      cursor: pointer
    }

    .radio:hover .radio-edging,
    .radio:hover .radio-inner {
      border-color: #5dd5c8
    }

    .radio-focus {
      box-shadow: 0 0 0 2px rgba(93, 213, 200, .2);
      z-index: 1
    }

    .radio-checked .radio-inner {
      border-color: #5dd5c8
    }

    .radio-checked .radio-inner:after {
      opacity: 1;
      transform: scale(1);
      transition: all .2s ease-in-out
    }

    .radio-checked:hover .radio-inner {
      border-color: #5dd5c8
    }

    .radio-group-vertical .radio-item {
      padding: 10px 0;
      width: fit-content;
      display: block
    }

    .radio-group-rectangle .radio-item {
      display: inline-block;
      border: 1px solid #e3e7ed;
      background-color: #fff;
      line-height: 36px;
      min-width: 148px;
      text-align: center;
      cursor: pointer;
      color: #9fa3b0
    }

    .radio-group-rectangle .radio-item .radio-inner {
      display: none
    }

    .radio-group-rectangle .radio-item:hover {
      border-color: #5dd5c8;
      transition: all .2s ease-in-out
    }

    .radio-group-rectangle .radio-disabled {
      background-color: #f7f7f7;
      border-color: #e3e7ed;
      box-shadow: none;
      cursor: default
    }

    .radio-group-rectangle .radio-checked {
      border-color: #18c3b1;
      color: #18c3b1;
      background-color: #effbfa
    }

    .checkbox {
      display: inline-block;
      margin-right: 20px;
      white-space: nowrap;
      position: relative;
      line-height: 1;
      vertical-align: middle;
      cursor: pointer
    }

    .checkbox:last-of-type {
      margin-right: 0
    }

    .checkbox-inner {
      display: inline-block;
      width: 14px;
      height: 14px;
      position: relative;
      vertical-align: middle;
      margin-right: 4px;
      margin-top: -3px;
      background-color: #fff;
      border: 1px solid #e3e7ed;
      border-radius: 2px
    }

    .checkbox-edging {
      position: relative;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: all .2s ease-in-out;
      transform: scale(0)
    }

    .checkbox-edging:after {
      content: "";
      position: absolute;
      left: 3px;
      display: none;
      transform: rotate(45deg);
      top: 0;
      width: 6px;
      height: 10px;
      border: 2px solid #fff;
      border-top: 0;
      border-left: 0
    }

    .checkbox-input {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      opacity: 0;
      cursor: pointer
    }

    .checkbox:hover .checkbox-edging,
    .checkbox:hover .checkbox-inner {
      border-color: #5dd5c8
    }

    .checkbox-focus {
      box-shadow: 0 0 0 2px rgba(93, 213, 200, .2);
      z-index: 1
    }

    .checkbox-checked .checkbox-inner {
      border-color: #5dd5c8
    }

    .checkbox-checked .checkbox-edging {
      background: #5dd5c8;
      opacity: 1;
      transition: all .2s ease-in-out;
      transform: scale(1)
    }

    .checkbox-checked .checkbox-edging:after {
      display: table
    }

    .checkbox-indeterminate .checkbox-inner {
      border-color: #5dd5c8
    }

    .checkbox-indeterminate .checkbox-edging {
      background: #5dd5c8;
      opacity: 1;
      transition: all .2s ease-in-out;
      transform: scale(1)
    }

    .checkbox-indeterminate .checkbox-edging:after {
      display: table;
      width: 10px;
      height: 2px;
      top: 5px;
      left: 1px;
      transform: rotate(0deg);
      background-color: #fff
    }

    .ui-switch {
      display: inline-block;
      width: 40px;
      height: 20px;
      line-height: 18px;
      border-radius: 20px;
      vertical-align: middle;
      border: 1px solid #9fa3b0;
      background-color: #9fa3b0;
      position: relative;
      cursor: pointer;
      user-select: none;
      outline: 0;
      transition: all .2s ease-in-out
    }

    .ui-switch-inner {
      color: #fff;
      position: absolute;
      left: 20px
    }

    .ui-switch-inner i {
      width: 12px;
      height: 12px;
      text-align: center
    }

    .ui-switch:after {
      content: "";
      width: 16px;
      height: 16px;
      border-radius: 16px;
      background-color: #fff;
      position: absolute;
      left: 1px;
      top: 1px;
      cursor: pointer;
      transition: left .2s ease-in-out, width .2s ease-in-out
    }

    .ui-switch:active:after {
      width: 24px
    }

    .ui-switch-small {
      width: 28px;
      height: 16px;
      line-height: 14px;
      font-size: 12px
    }

    .ui-switch-small:after {
      width: 12px;
      height: 12px;
      top: 1px;
      left: 1px
    }

    .ui-switch-small:active:after {
      width: 14px
    }

    .ui-switch-small.ui-switch-checked:after {
      left: 13px
    }

    .ui-switch-small:active.ui-switch-checked:after {
      left: 11px
    }

    .ui-switch-large {
      width: 60px;
      height: 26px;
      line-height: 24px
    }

    .ui-switch-large .ui-switch-inner {
      left: 38px
    }

    .ui-switch-large:active:after {
      width: 32px
    }

    .ui-switch-large:after {
      width: 20px;
      height: 20px;
      border-radius: 20px;
      top: 2px;
      left: 2px
    }

    .ui-switch-large.ui-switch-checked:after {
      left: 36px
    }

    .ui-switch-large:active.ui-switch-checked:after {
      left: 24px
    }

    .ui-switch-checked {
      border-color: #5dd5c8;
      background-color: #5dd5c8
    }

    .ui-switch-checked .ui-switch-inner {
      left: 5px
    }

    .ui-switch-checked:after {
      left: 21px
    }

    .ui-switch-checked:active:after {
      left: 13px
    }

    .ui-switch-disabled {
      cursor: default;
      background: #eaecf0;
      border-color: #eaecf0
    }

    .ui-switch-disabled:after {
      background: #fff;
      cursor: not-allowed
    }

    .ui-switch-disabled .ui-switch-inner {
      color: #9fa3b0
    }

    .ui-switch-success.ui-switch-checked {
      background-color: #67c23a;
      border-color: #67c23a
    }

    .ui-switch-danger.ui-switch-checked {
      background-color: #ef5350;
      border-color: #ef5350
    }

    .ui-switch-warning.ui-switch-checked {
      background-color: #f90;
      border-color: #f90
    }

    .ui-switch-info.ui-switch-checked {
      background-color: #2db7f5;
      border-color: #2db7f5
    }

    .inputnumber-wrap {
      min-width: 0 !important;
      width: 120px
    }

    .inputnumber-wrap-prefix .prefix {
      min-width: 24px !important
    }

    .inputnumber-wrap-prefix .input {
      padding-left: 24px !important
    }

    .inputnumber-wrap .suffix {
      right: 20px !important
    }

    .inputnumber-wrap-increase-disabled .inputnumber-up:hover {
      background-color: #f1f1f1
    }

    .inputnumber-wrap-increase-disabled .inputnumber-up:after {
      border-color: transparent transparent #ccc #ccc
    }

    .inputnumber-wrap-decrease-disabled .inputnumber-down:hover {
      background-color: #f1f1f1
    }

    .inputnumber-wrap-decrease-disabled .inputnumber-down:after {
      border-color: transparent transparent #ccc #ccc
    }

    .inputnumber-wrap-disabled .inputnumber-down:hover,
    .inputnumber-wrap-disabled .inputnumber-up:hover,
    .inputnumber-wrap-readonly .inputnumber-down:hover,
    .inputnumber-wrap-readonly .inputnumber-up:hover {
      background-color: #f1f1f1
    }

    .inputnumber-wrap-disabled .inputnumber-down:after,
    .inputnumber-wrap-disabled .inputnumber-up:after,
    .inputnumber-wrap-readonly .inputnumber-down:after,
    .inputnumber-wrap-readonly .inputnumber-up:after {
      border-color: transparent transparent #ccc #ccc
    }

    .inputnumber-down,
    .inputnumber-up {
      position: absolute;
      width: 15px;
      height: 8px;
      right: 8px;
      background-color: #f1f1f1;
      text-align: center;
      z-index: 1;
      overflow: hidden;
      user-select: none
    }

    .inputnumber-down:hover,
    .inputnumber-up:hover {
      background-color: #d2d2d2
    }

    .inputnumber-down:after,
    .inputnumber-up:after {
      content: "";
      position: absolute;
      top: -1px;
      left: 5px;
      display: inline-block;
      border-color: transparent transparent #505050 #505050;
      border-style: solid;
      border-width: 3px;
      transform: rotate(-45deg)
    }

    .inputnumber-up {
      top: 9px
    }

    .inputnumber-up:after {
      top: 3px;
      transform: rotate(135deg)
    }

    .inputnumber-down {
      bottom: 9px
    }

    .ui-tag {
      display: inline-block;
      padding: 0 6px;
      line-height: 18px;
      font-size: 12px;
      min-width: 10px;
      vertical-align: middle;
      margin-top: -4px;
      margin-right: 3px;
      border-radius: 10px;
      white-space: nowrap;
      background-color: #ededed;
      font-style: normal
    }

    .ui-tag-danger {
      background-color: #ef5350;
      color: #fff
    }

    .ui-tag-success {
      background-color: #67c23a;
      color: #fff
    }

    .ui-tag-warning {
      background-color: #f90;
      color: #fff
    }

    .ui-tag-info {
      background-color: #2db7f5;
      color: #fff
    }

    .pre-line {
      font-style: normal
    }

    .pre-line:before {
      content: "";
      display: inline-block;
      width: 1px;
      height: 12px;
      vertical-align: middle;
      background: #e0e0e0;
      margin: -2px 10px 0
    }

    .pre-line:first-of-type:before {
      display: none
    }

    .pre-dot {
      font-style: normal
    }

    .pre-dot:before {
      content: "";
      display: inline-block;
      width: 4px;
      height: 4px;
      vertical-align: middle;
      background: #414a60;
      margin: -2px 8px 0;
      border-radius: 100%
    }

    .pre-dot:first-of-type:before {
      display: none
    }

    .progress {
      height: 20px;
      margin-bottom: 20px;
      overflow: hidden;
      background-color: #f5f5f5;
      border-radius: 4px
    }

    .progress-bar {
      float: left;
      width: 0;
      height: 100%;
      font-size: 12px;
      line-height: 20px;
      color: #fff;
      text-align: center;
      background-color: #428bca;
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease
    }

    .progress-bar-striped,
    .progress-striped .progress-bar {
      background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
      background-image: -o-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
      background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
      -webkit-background-size: 40px 40px;
      background-size: 40px 40px
    }

    .progress-bar.active,
    .progress.active .progress-bar {
      -webkit-animation: progress-bar-stripes 2s linear infinite;
      -o-animation: progress-bar-stripes 2s linear infinite;
      animation: progress-bar-stripes 2s linear infinite
    }

    .progress-bar[aria-valuenow="1"],
    .progress-bar[aria-valuenow="2"] {
      min-width: 30px
    }

    .progress-bar[aria-valuenow="0"] {
      min-width: 30px;
      color: #777;
      background-color: transparent;
      background-image: none;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .progress-bar-success {
      background-color: #5cb85c
    }

    .progress-striped .progress-bar-success {
      background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
      background-image: -o-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
      background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
    }

    .progress-bar-info {
      background-color: #5bc0de
    }

    .progress-striped .progress-bar-info {
      background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
      background-image: -o-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
      background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
    }

    .progress-bar-warning {
      background-color: #f0ad4e
    }

    .progress-striped .progress-bar-warning {
      background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
      background-image: -o-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
      background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
    }

    .progress-bar-danger {
      background-color: #d9534f
    }

    .progress-striped .progress-bar-danger {
      background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
      background-image: -o-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
      background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
    }

    .dialog-wrap {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1010;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .dialog-wrap .icon-dialog-error,
    .dialog-wrap .icon-dialog-info,
    .dialog-wrap .icon-dialog-lock,
    .dialog-wrap .icon-dialog-success,
    .dialog-wrap .icon-dialog-warning {
      display: inline-block;
      width: 24px;
      height: 24px;
      vertical-align: middle;
      background-image: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icons-dialog.878a7a5.878a7a50.png);
      background-repeat: no-repeat
    }

    .dialog-wrap .icon-dialog-info {
      background-position: 0 -242px
    }

    .dialog-wrap .icon-dialog-warning {
      background-position: 0 -163px
    }

    .dialog-wrap .icon-dialog-error {
      background-position: 0 -82px
    }

    .dialog-wrap .icon-dialog-lock {
      background-position: 0 -320px
    }

    .dialog-layer {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: #252830;
      filter: alpha(opacity=70);
      background: rgba(37, 40, 48, .7);
      z-index: 1002
    }

    .dialog-container {
      position: relative;
      z-index: 1003;
      min-width: 320px;
      padding: 24px 30px;
      max-height: 100%;
      background-color: #fff;
      box-shadow: 0 0 14px rgba(0, 0, 0, .11)
    }

    .dialog-header {
      font-size: 14px;
      line-height: 26px
    }

    .dialog-header,
    .dialog-header h3.title {
      font-weight: 400
    }

    .dialog-header .close {
      position: absolute;
      width: 24px;
      height: 24px;
      right: 8px;
      top: 8px;
      z-index: 1;
      cursor: pointer
    }

    .dialog-header .close:hover {
      background: #ddd
    }

    .dialog-header .close:hover .icon-close:after,
    .dialog-header .close:hover .icon-close:before {
      background: #363636
    }

    .dialog-header .icon-close {
      display: inline-block;
      width: 24px;
      height: 24px;
      position: relative;
      vertical-align: top
    }

    .dialog-header .icon-close:after,
    .dialog-header .icon-close:before {
      content: "";
      position: absolute;
      width: 16px;
      height: 1px;
      background: #d1d4db;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 4px;
      top: 12px
    }

    .dialog-header .icon-close:after {
      transform: rotate(-45deg)
    }

    .dialog-body {
      max-height: calc(100vh - 128px);
      overflow: auto
    }

    .dialog-body .tip-text {
      padding: 10px 0;
      color: #9fa3b0;
      line-height: 24px;
      font-size: 14px;
      background-image: none
    }

    .dialog-body .tip-warning {
      background-color: #fff7f5;
      border: 1px solid #fbb49d;
      font-size: 12px;
      padding: 10px;
      margin-top: 20px;
      border-radius: 0
    }

    .dialog-footer {
      margin-top: 20px;
      position: relative
    }

    .dialog-footer .btns {
      text-align: right
    }

    .dialog-footer .btns .btn {
      min-width: 80px;
      margin-left: 20px
    }

    .dialog-footer .btns .btn:first-of-type {
      margin-left: 0
    }

    .dialog-icons-default .dialog-container {
      width: 400px
    }

    .dialog-icons-default .dialog-header {
      overflow: hidden
    }

    .dialog-icons-default .dialog-header h3.title {
      margin-left: 44px;
      font-weight: 400;
      word-wrap: break-word;
      word-break: break-all
    }

    .dialog-icons-default .dialog-header .icon-dialog {
      float: left;
      width: 24px;
      margin-top: 5px
    }

    .dialog-icons-default .dialog-body {
      padding-left: 44px
    }

    .dialog-primary-default .dialog-container {
      width: 340px;
      padding: 24px 30px
    }

    .dialog-primary-default .dialog-header h3.title {
      font-weight: 400
    }

    .dialog-primary-default .dialog-footer .btns .btn:first-of-type {
      margin-left: 0
    }

    .dialog-around-default {
      position: absolute;
      width: auto;
      height: auto
    }

    .dialog-around-default .dialog-container:after,
    .dialog-around-default .dialog-container:before {
      content: "";
      position: absolute;
      width: 12px;
      height: 12px;
      left: 50%;
      margin-left: -6px;
      background: #fff
    }

    .dialog-around-default .dialog-container:after {
      transform: rotate(45deg);
      box-shadow: 0 1px 10px rgba(0, 0, 0, .09)
    }

    .dialog-around-default .dialog-container:before {
      width: 30px;
      left: 50%;
      margin-left: -15px;
      z-index: 1
    }

    .dialog-top-default {
      top: auto;
      bottom: 100%;
      right: 0;
      margin-bottom: 12px
    }

    .dialog-top-default .dialog-container:after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      box-shadow: 0 1px 10px rgba(0, 0, 0, .09);
      bottom: -6px
    }

    .dialog-top-default .dialog-container:before {
      width: 30px;
      bottom: 0;
      z-index: 1
    }

    .dialog-top-left-default {
      top: auto;
      bottom: 100%;
      left: auto;
      right: 0;
      margin-bottom: 12px
    }

    .dialog-top-left-default .dialog-container:after {
      bottom: -6px;
      left: auto;
      right: 36px
    }

    .dialog-top-left-default .dialog-container:before {
      bottom: 0;
      left: auto;
      right: 28px
    }

    .dialog-top-right-default {
      top: auto;
      right: auto;
      bottom: 100%;
      margin-bottom: 12px
    }

    .dialog-top-right-default .dialog-container:after {
      bottom: -6px;
      left: 30px
    }

    .dialog-top-right-default .dialog-container:before {
      bottom: 0;
      left: 30px
    }

    .dialog-bottom-default {
      bottom: auto;
      top: 100%;
      right: 0;
      margin-top: 12px
    }

    .dialog-bottom-default .dialog-container:after {
      top: -6px
    }

    .dialog-bottom-default .dialog-container:before {
      top: 0
    }

    .dialog-bottom-left-default {
      bottom: auto;
      top: 100%;
      left: auto;
      right: 0;
      margin-top: 12px
    }

    .dialog-bottom-left-default .dialog-container:after {
      top: -6px;
      left: auto;
      right: 36px
    }

    .dialog-bottom-left-default .dialog-container:before {
      top: 0;
      left: auto;
      right: 28px
    }

    .dialog-bottom-right-default {
      bottom: auto;
      top: 100%;
      margin-top: 12px
    }

    .dialog-bottom-right-default .dialog-container:after {
      top: -6px;
      left: 36px
    }

    .dialog-bottom-right-default .dialog-container:before {
      top: 0;
      left: 28px
    }

    .dialog-left-default {
      bottom: auto;
      left: auto;
      right: 100%;
      margin-right: 12px
    }

    .dialog-left-default .dialog-container:after {
      top: 50%;
      margin-top: -6px;
      left: auto;
      right: -6px
    }

    .dialog-left-default .dialog-container:before {
      top: 50%;
      margin-top: -6px;
      left: auto;
      right: -9px;
      transform: rotate(90deg)
    }

    .dialog-left-top-default {
      bottom: auto;
      left: auto;
      right: 100%;
      margin-right: 12px
    }

    .dialog-left-top-default .dialog-container:after {
      bottom: 12px;
      margin-top: -6px;
      left: auto;
      right: -6px
    }

    .dialog-left-top-default .dialog-container:before {
      bottom: 12px;
      margin-top: -6px;
      left: auto;
      right: -9px;
      transform: rotate(90deg)
    }

    .dialog-left-bottom-default {
      bottom: auto;
      top: 0;
      left: auto;
      right: 100%;
      margin-right: 12px
    }

    .dialog-left-bottom-default .dialog-container:after {
      top: 18px;
      margin-top: -6px;
      left: auto;
      right: -6px
    }

    .dialog-left-bottom-default .dialog-container:before {
      top: 22px;
      margin-top: -6px;
      left: auto;
      right: -9px;
      transform: rotate(90deg)
    }

    .dialog-right-default {
      bottom: auto;
      left: 100%;
      margin-left: 12px
    }

    .dialog-right-default .dialog-container:after {
      top: 50%;
      margin-top: -6px;
      left: 0
    }

    .dialog-right-default .dialog-container:before {
      top: 50%;
      margin-top: -6px;
      left: 6px;
      transform: rotate(90deg)
    }

    .dialog-right-top-default {
      bottom: auto;
      left: 100%;
      margin-left: 12px;
      top: 100%
    }

    .dialog-right-top-default .dialog-container:after {
      bottom: 12px;
      margin-top: -6px;
      left: 0
    }

    .dialog-right-top-default .dialog-container:before {
      bottom: 18px;
      margin-top: -6px;
      left: 6px;
      transform: rotate(90deg)
    }

    .dialog-right-bottom-default {
      bottom: auto;
      top: 0;
      left: 100%;
      margin-left: 12px
    }

    .dialog-right-bottom-default .dialog-container:after {
      top: 18px;
      margin-top: -6px;
      left: 0
    }

    .dialog-right-bottom-default .dialog-container:before {
      top: 22px;
      margin-top: -6px;
      left: 6px;
      transform: rotate(90deg)
    }

    .dialog-alert-default .dialog-header h3.title {
      font-size: 15px;
      margin-left: 0;
      text-align: center;
      padding-bottom: 12px
    }

    .dialog-alert-default .dialog-container {
      width: 320px
    }

    .dialog-alert-default .dialog-body {
      padding-left: 0
    }

    .dialog-alert-default .dialog-footer .btns {
      text-align: center
    }

    .dialog-large-default .dialog-container {
      width: 800px
    }

    .dialog-inline-default .dialog-container {
      top: 25px
    }

    .dialog-layer-full {
      display: block
    }

    .dialog-layer-full .dialog-header .close {
      right: -32px;
      top: 0;
      width: 32px;
      height: 32px;
      background-color: #ddd
    }

    .dialog-layer-full .dialog-header .close:hover {
      opacity: .8
    }

    .dialog-layer-full .dialog-header .icon-close {
      width: 32px;
      height: 32px
    }

    .dialog-layer-full .dialog-header .icon-close:after,
    .dialog-layer-full .dialog-header .icon-close:before {
      top: 15px;
      left: 7px;
      background-color: #363636
    }

    .dialog-layer-full .dialog-container {
      width: 800px;
      margin: 0 auto;
      padding: 0;
      height: 100%
    }

    .dialog-layer-full .dialog-body {
      max-height: 100%;
      overflow: auto
    }

    .dialog-opacity-layer {
      background: hsla(0, 0%, 100%, 0);
      top: 0;
      left: 0
    }

    .dialog-promotion-iframe .dialog-container {
      width: 750px;
      height: 100%;
      top: 0;
      margin-left: -375px;
      margin-top: 0
    }

    .dialog-promotion-iframe .dialog-body {
      height: 100%
    }

    .dialog-promotion-iframe .dialog-body iframe {
      width: 100%;
      height: 100%;
      border: 0
    }

    .dialog-flyin-large {
      justify-content: flex-end;
      align-items: normal
    }

    .dialog-flyin-large .dialog-body {
      overflow: auto
    }

    .dialog-flyin-large .dialog-container {
      padding: 0;
      animation-fill-mode: both;
      animation: dialogFlyinRight .3s ease-out 0s
    }

    .dialog-flyin-large .dialog-header .close {
      right: auto;
      left: -32px;
      top: 0;
      width: 32px;
      height: 32px;
      background-color: #ddd
    }

    .dialog-flyin-large .dialog-header .close:hover {
      opacity: .8
    }

    .dialog-flyin-large .dialog-header .icon-close {
      width: 32px;
      height: 32px
    }

    .dialog-flyin-large .dialog-header .icon-close:after,
    .dialog-flyin-large .dialog-header .icon-close:before {
      top: 15px;
      left: 9px;
      background-color: #363636
    }

    .lock-html {
      overflow-y: hidden
    }

    @keyframes dialogFlyinRight {
      0% {
        transform: translateX(100%)
      }

      to {
        transform: translateX(0)
      }
    }

    @media (max-width:374px) {
      .dialog-container {
        position: absolute;
        width: 302px;
        margin: -93px 0 0 -151px
      }
    }

    .toast {
      position: fixed;
      width: 80%;
      left: 10%;
      top: 0;
      height: 36px;
      line-height: 36px;
      text-align: center;
      z-index: 1050;
      -webkit-animation: toastTop .25s ease-out;
      animation: toastTop .25s ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both
    }

    .toast.slideup {
      -webkit-animation-name: toastHide;
      animation-name: toastHide
    }

    .toast .toast-con {
      display: inline-block;
      background: #fff;
      margin: 0 auto;
      padding: 0 20px;
      line-height: 50px;
      box-shadow: 0 0 14px rgba(0, 0, 0, .11)
    }

    .toast .icon-toast-error,
    .toast .icon-toast-info,
    .toast .icon-toast-loading,
    .toast .icon-toast-success,
    .toast .icon-toast-warning {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 13px;
      margin-top: -2px;
      vertical-align: middle;
      background-image: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icons-toast.82bcc73.82bcc73c.png);
      background-repeat: no-repeat
    }

    .toast .icon-toast-success {
      background-position: 0 0
    }

    .toast .icon-toast-info {
      background-position: 0 -119px
    }

    .toast .icon-toast-warning {
      background-position: 0 -60px
    }

    .toast .icon-toast-error {
      background-position: 0 -187px
    }

    .toast .icon-toast-loading {
      background-position: 0 -232px;
      -webkit-animation: circle 1.1s linear infinite;
      animation: circle 1.1s linear infinite
    }

    @-webkit-keyframes circle {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
      }

      to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
      }
    }

    @keyframes circle {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
      }

      to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
      }
    }

    @-webkit-keyframes toastTop {
      0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }

      to {
        opacity: 1;
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
      }
    }

    @keyframes toastTop {
      0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }

      to {
        opacity: 1;
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
      }
    }

    @-webkit-keyframes toastHide {
      0% {
        opacity: 1;
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
      }

      to {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
    }

    @keyframes toastHide {
      0% {
        opacity: 1;
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
      }

      to {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
    }

    .ui-select {
      display: inline-block;
      width: 300px;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.5
    }

    .ui-select,
    .ui-select-selection {
      box-sizing: border-box;
      position: relative
    }

    .ui-select-selection {
      display: block;
      outline: none;
      user-select: none;
      cursor: pointer;
      background-color: #fff;
      border-radius: 0;
      border: 1px solid #e3e7ed
    }

    .ui-select-selection:hover {
      border-color: #2cd7c8
    }

    .ui-select-selection-focused {
      border-color: #2cd7c8;
      box-shadow: 0 1px 2px #96ebe4
    }

    .ui-select-transition .ui-select-selection {
      transition: all .2s ease-in-out
    }

    .ui-select-inner {
      padding: 6px 8px 5px
    }

    .ui-select-inner .ui-tag {
      margin-top: -1px
    }

    .ui-select-placeholder {
      color: #d1d4db
    }

    .ui-select-small .ui-select-selection {
      padding: 1px 7px;
      height: 26px;
      font-size: 12px
    }

    .ui-select-small .ui-select-selection .ui-select-inner {
      padding: 1px 0;
      line-height: 20px
    }

    .ui-select-large .ui-select-selection {
      padding: 6px 7px;
      height: 38px
    }

    .ui-select-large .ui-select-selection .ui-select-inner {
      padding: 2px 0 0
    }

    .ui-select-disabled .ui-select-selection {
      background-color: #f7f7f7;
      border-color: #e3e7ed;
      box-shadow: none;
      cursor: default
    }

    .ui-select-disabled .ui-select-selection:hover {
      border-color: #e3e7ed
    }

    .ui-select-disabled .ui-select-selection .ui-select-inner {
      opacity: .5
    }

    .ui-select .ui-icon-arrow-down {
      position: absolute;
      top: 50%;
      right: 8px;
      line-height: 1;
      margin-top: -7px;
      font-size: 14px;
      color: #9fa3b0
    }

    .ui-select-transition .ui-icon-arrow-down {
      transition: all .2s ease-in-out
    }

    .ui-select .ui-icon-circle-close {
      position: absolute;
      min-width: 30px;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #c0c4cc;
      z-index: 1;
      cursor: pointer
    }

    .ui-select .ui-icon-circle-close:hover {
      color: #9fa3b0;
      transition: all .3s
    }

    .ui-select-input {
      display: inline-block;
      outline: none;
      border: none;
      box-sizing: border-box;
      background-color: transparent;
      position: relative;
      cursor: pointer;
      height: 21px
    }

    .ui-select-input[disabled] {
      cursor: default;
      color: #d1d4db
    }

    .ui-select-single .ui-select-input {
      width: 100%
    }

    .ui-select-visible .ui-icon-arrow-down {
      transform: rotate(180deg)
    }

    .ui-select-dropdown {
      width: inherit;
      max-height: 200px;
      overflow: auto;
      margin: 1px 0 0;
      padding: 5px 0;
      background-color: #fff;
      box-sizing: border-box;
      border-radius: 0;
      box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
      position: absolute;
      z-index: 10
    }

    .ui-select-dropdown-transfer {
      z-index: 1000
    }

    .ui-select-dropdown.ui-transfer-no-max-height {
      max-height: none
    }

    .ui-select-dropdown .ui-dropdown-loading,
    .ui-select-dropdown .ui-dropdown-not-found {
      margin: 0;
      line-height: 1.5;
      padding: 2px 8px;
      color: #d1d4db;
      clear: both;
      white-space: nowrap;
      list-style: none;
      cursor: pointer;
      font-size: 12px;
      text-align: center
    }

    .ui-select-item {
      margin: 0;
      line-height: 1.5;
      padding: 8px;
      clear: both;
      list-style: none;
      cursor: pointer;
      transition: background .1s ease-in-out
    }

    .ui-select-item-hover,
    .ui-select-item:hover {
      background-color: #f2f5fa
    }

    .ui-select-item-disabled {
      color: #bbbec4;
      cursor: default
    }

    .ui-select-item-disabled.ui-select-item-hover,
    .ui-select-item-disabled:hover {
      color: #bbbec4;
      background-color: #fff;
      cursor: default
    }

    .ui-select-item-selected,
    .ui-select-item-selected.ui-select-item-hover,
    .ui-select-item-selected:hover {
      color: #5dd5c8
    }

    .ui-select-item-divided {
      margin-top: 5px;
      border-top: 1px solid #e9eaec
    }

    .ui-select-item-divided:before {
      content: "";
      height: 5px;
      display: block;
      margin: 0 -16px;
      background-color: #fff;
      position: relative;
      top: -7px
    }

    .ui-select-multiple .ui-select-item {
      position: relative
    }

    .ui-select-multiple .ui-select-item-selected:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 6px;
      border-color: transparent transparent #5dd5c8 #5dd5c8;
      border-style: solid;
      border-width: 1px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      right: 10px;
      top: 50%;
      margin-top: -5px
    }

    .ui-select-group-title {
      padding: 5px 8px;
      color: #9fa3b0;
      font-size: 12px
    }

    .ui-dropmenu {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.5
    }

    .ui-dropmenu,
    .ui-dropmenu-label {
      box-sizing: border-box;
      position: relative
    }

    .ui-dropmenu-label {
      display: block;
      outline: none;
      user-select: none;
      cursor: pointer
    }

    .ui-dropmenu-label:hover,
    .ui-dropmenu-label:hover .ui-icon-arrow-down {
      color: #5dd5c8
    }

    .ui-dropmenu-transition .ui-dropmenu-label {
      transition: all .2s ease-in-out
    }

    .ui-dropmenu-disabled .ui-dropmenu-label {
      cursor: default
    }

    .ui-dropmenu-disabled .ui-dropmenu-label .ui-select-inner {
      opacity: .5
    }

    .ui-dropmenu .ui-icon-arrow-down {
      position: absolute;
      top: 50%;
      right: 8px;
      line-height: 1;
      font-size: 14px;
      color: #9fa3b0;
      margin-top: -8px
    }

    .ui-dropmenu-transition .ui-icon-arrow-down {
      transition: all .2s ease-in-out
    }

    .ui-dropmenu-label-arrow .ui-dropmenu-label {
      padding-right: 30px
    }

    .ui-dropmenu-visible .ui-dropmenu-label {
      color: #5dd5c8
    }

    .ui-dropmenu-visible .ui-icon-arrow-down {
      transform: rotate(180deg);
      color: #5dd5c8
    }

    .ui-dropmenu-visible .ui-dropmenu-list {
      display: block
    }

    .ui-dropmenu-list {
      display: none;
      width: inherit;
      box-sizing: border-box;
      border-radius: 0;
      box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
      position: absolute;
      top: 35px;
      z-index: 10
    }

    .ui-dropmenu-list ul {
      max-height: 240px;
      min-width: 100px;
      overflow-y: auto;
      position: relative;
      background-color: #fff
    }

    .ui-dropmenu-list-item,
    .ui-dropmenu-list li {
      margin: 0;
      line-height: 1.5;
      padding: 10px 20px;
      clear: both;
      list-style: none;
      cursor: pointer;
      transition: background .1s ease-in-out;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .ui-dropmenu-list-item-hover,
    .ui-dropmenu-list-item:hover,
    .ui-dropmenu-list li-hover,
    .ui-dropmenu-list li:hover {
      background-color: #f2f5fa
    }

    .ui-dropmenu-list-item-disabled,
    .ui-dropmenu-list li-disabled {
      color: #bbbec4;
      cursor: default
    }

    .ui-dropmenu-list-item-disabled.ui-dropmenu-list-item-hover,
    .ui-dropmenu-list-item-disabled.ui-dropmenu-list li-hover,
    .ui-dropmenu-list-item-disabled:hover,
    .ui-dropmenu-list li-disabled.ui-dropmenu-list-item-hover,
    .ui-dropmenu-list li-disabled.ui-dropmenu-list li-hover,
    .ui-dropmenu-list li-disabled:hover {
      color: #bbbec4;
      background-color: #fff;
      cursor: default
    }

    .ui-dropmenu-list-item-selected,
    .ui-dropmenu-list-item-selected.ui-dropmenu-list-item-hover,
    .ui-dropmenu-list-item-selected.ui-dropmenu-list li-hover,
    .ui-dropmenu-list-item-selected:hover,
    .ui-dropmenu-list li-selected,
    .ui-dropmenu-list li-selected.ui-dropmenu-list-item-hover,
    .ui-dropmenu-list li-selected.ui-dropmenu-list li-hover,
    .ui-dropmenu-list li-selected:hover {
      color: #5dd5c8
    }

    .ui-dropmenu-drop-arrow .ui-dropmenu-list:before {
      content: "";
      position: absolute;
      width: 12px;
      height: 12px;
      top: -6px;
      left: 20px;
      background: #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      box-shadow: -1px -1px 10px rgba(0, 0, 0, .09)
    }

    .tooltip {
      position: relative;
      display: inline-block
    }

    .tooltip-content,
    .tooltip:after,
    .tooltip:before {
      position: absolute;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      transform: translateZ(0);
      visibility: hidden;
      opacity: 0;
      z-index: 1000000;
      pointer-events: none;
      -webkit-transition: .3s ease;
      -moz-transition: .3s ease;
      transition: .3s ease;
      -webkit-transition-delay: 0ms;
      -moz-transition-delay: 0ms;
      transition-delay: 0ms
    }

    .tooltip:hover .tooltip-content,
    .tooltip:hover:after,
    .tooltip:hover:before {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: .1s;
      -moz-transition-delay: .1s;
      transition-delay: .1s
    }

    .tooltip:before {
      content: "";
      position: absolute;
      background: 0 0;
      border: 6px solid transparent;
      z-index: 1000001
    }

    .tooltip-content,
    .tooltip:after {
      background: #fff;
      color: #414a60;
      padding: 8px 10px;
      font-size: 12px;
      line-height: 12px;
      white-space: nowrap;
      border: 1px solid #e7e9ee;
      box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
    }

    .tooltip[aria-label]:after {
      content: attr(aria-label)
    }

    [aria-label=""]:after,
    [aria-label=""]:before {
      display: none !important
    }

    .tooltip-top-left:before,
    .tooltip-top-right:before,
    .tooltip-top:before {
      border-top-color: #fff
    }

    .tooltip-bottom-left:before,
    .tooltip-bottom-right:before,
    .tooltip-bottom:before {
      border-bottom-color: #fff
    }

    .tooltip-top .tooltip-content,
    .tooltip-top:after,
    .tooltip-top:before {
      bottom: 100%;
      left: 50%
    }

    .tooltip-top:before {
      margin-bottom: -11px;
      left: calc(50% - 6px)
    }

    .tooltip-top .tooltip-content,
    .tooltip-top:after {
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      transform: translateX(-50%)
    }

    .tooltip-top:focus:before,
    .tooltip-top:hover:before {
      -webkit-transform: translateY(-8px);
      -moz-transform: translateY(-8px);
      transform: translateY(-8px)
    }

    .tooltip-top:focus:after,
    .tooltip-top:hover .tooltip-content,
    .tooltip-top:hover:after {
      -webkit-transform: translateX(-50%) translateY(-8px);
      -moz-transform: translateX(-50%) translateY(-8px);
      transform: translateX(-50%) translateY(-8px)
    }

    .tooltip-bottom .tooltip-content,
    .tooltip-bottom:after,
    .tooltip-bottom:before {
      top: 100%;
      left: 50%
    }

    .tooltip-bottom:before {
      margin-top: -11px;
      left: calc(50% - 6px)
    }

    .tooltip-bottom .tooltip-content,
    .tooltip-bottom:after {
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      transform: translateX(-50%)
    }

    .tooltip-bottom:focus:before,
    .tooltip-bottom:hover:before {
      -webkit-transform: translateY(8px);
      -moz-transform: translateY(8px);
      transform: translateY(8px)
    }

    .tooltip-bottom:focus:after,
    .tooltip-bottom:hover .tooltip-content,
    .tooltip-bottom:hover:after {
      -webkit-transform: translateX(-50%) translateY(8px);
      -moz-transform: translateX(-50%) translateY(8px);
      transform: translateX(-50%) translateY(8px)
    }

    .tooltip-right:before {
      border-right-color: #fff;
      margin-left: -11px;
      margin-bottom: -6px
    }

    .tooltip-right .tooltip-content,
    .tooltip-right:after {
      margin-bottom: -14px
    }

    .tooltip-right .tooltip-content,
    .tooltip-right:after,
    .tooltip-right:before {
      left: 100%;
      bottom: 50%
    }

    .tooltip-right:focus:after,
    .tooltip-right:focus:before,
    .tooltip-right:hover .tooltip-content,
    .tooltip-right:hover:after,
    .tooltip-right:hover:before {
      -webkit-transform: translateX(8px);
      -moz-transform: translateX(8px);
      transform: translateX(8px)
    }

    .tooltip-left:before {
      border-left-color: #fff;
      margin-right: -11px;
      margin-bottom: -6px
    }

    .tooltip-left .tooltip-content,
    .tooltip-left:after {
      margin-bottom: -14px
    }

    .tooltip-left .tooltip-content,
    .tooltip-left:after,
    .tooltip-left:before {
      right: 100%;
      bottom: 50%
    }

    .tooltip-left:focus:after,
    .tooltip-left:focus:before,
    .tooltip-left:hover .tooltip-content,
    .tooltip-left:hover:after,
    .tooltip-left:hover:before {
      -webkit-transform: translateX(-8px);
      -moz-transform: translateX(-8px);
      transform: translateX(-8px)
    }

    .tooltip-top-left .tooltip-content,
    .tooltip-top-left:after,
    .tooltip-top-left:before {
      bottom: 100%;
      left: 50%
    }

    .tooltip-top-left:before {
      margin-bottom: -11px;
      left: calc(50% - 6px)
    }

    .tooltip-top-left .tooltip-content,
    .tooltip-top-left:after {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      transform: translateX(-100%);
      margin-left: 12px
    }

    .tooltip-top-left:focus:before,
    .tooltip-top-left:hover:before {
      -webkit-transform: translateY(-8px);
      -moz-transform: translateY(-8px);
      transform: translateY(-8px)
    }

    .tooltip-top-left:focus:after,
    .tooltip-top-left:hover .tooltip-content,
    .tooltip-top-left:hover:after {
      -webkit-transform: translateX(-100%) translateY(-8px);
      -moz-transform: translateX(-100%) translateY(-8px);
      transform: translateX(-100%) translateY(-8px)
    }

    .tooltip-top-right .tooltip-content,
    .tooltip-top-right:after,
    .tooltip-top-right:before {
      bottom: 100%;
      left: 50%
    }

    .tooltip-top-right:before {
      margin-bottom: -11px;
      left: calc(50% - 6px)
    }

    .tooltip-top-right .tooltip-content,
    .tooltip-top-right:after {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0);
      margin-left: -12px
    }

    .tooltip-top-right:focus:after,
    .tooltip-top-right:focus:before,
    .tooltip-top-right:hover .tooltip-content,
    .tooltip-top-right:hover:after,
    .tooltip-top-right:hover:before {
      -webkit-transform: translateY(-8px);
      -moz-transform: translateY(-8px);
      transform: translateY(-8px)
    }

    .tooltip-bottom-left .tooltip-content,
    .tooltip-bottom-left:after,
    .tooltip-bottom-left:before {
      top: 100%;
      left: 50%
    }

    .tooltip-bottom-left:before {
      margin-top: -11px;
      left: calc(50% - 6px)
    }

    .tooltip-bottom-left .tooltip-content,
    .tooltip-bottom-left:after {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      transform: translateX(-100%);
      margin-left: 12px
    }

    .tooltip-bottom-left:focus:before,
    .tooltip-bottom-left:hover:before {
      -webkit-transform: translateY(8px);
      -moz-transform: translateY(8px);
      transform: translateY(8px)
    }

    .tooltip-bottom-left:focus:after,
    .tooltip-bottom-left:hover .tooltip-content,
    .tooltip-bottom-left:hover:after {
      -webkit-transform: translateX(-100%) translateY(8px);
      -moz-transform: translateX(-100%) translateY(8px);
      transform: translateX(-100%) translateY(8px)
    }

    .tooltip-bottom-right .tooltip-content,
    .tooltip-bottom-right:after,
    .tooltip-bottom-right:before {
      top: 100%;
      left: 50%
    }

    .tooltip-bottom-right:before {
      margin-top: -11px;
      left: calc(50% - 6px)
    }

    .tooltip-bottom-right .tooltip-content,
    .tooltip-bottom-right:after {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0);
      margin-left: -12px
    }

    .tooltip-bottom-right:focus:after,
    .tooltip-bottom-right:focus:before,
    .tooltip-bottom-right:hover .tooltip-content,
    .tooltip-bottom-right:hover:after,
    .tooltip-bottom-right:hover:before {
      -webkit-transform: translateY(8px);
      -moz-transform: translateY(8px);
      transform: translateY(8px)
    }

    .popover {
      display: inline-block;
      position: relative
    }

    .popover-wrap {
      position: absolute;
      z-index: 999;
      border: 1px solid #e7e9ee;
      -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
      box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
    }

    .popover-wrap:before {
      content: "";
      position: absolute;
      width: 12px;
      height: 12px;
      left: calc(50% - 6px);
      background: #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      box-shadow: -1px -1px 10px rgba(0, 0, 0, .09)
    }

    .popover-content {
      position: relative;
      background-color: #fff;
      padding: 5px 10px
    }

    .popover-top .popover-wrap {
      bottom: calc(100% + 8px);
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      transform: translateX(-50%)
    }

    .popover-top .popover-wrap:before {
      bottom: -5px
    }

    .popover-top-left .popover-wrap {
      bottom: calc(100% + 8px);
      left: auto;
      right: calc(50% - 20px)
    }

    .popover-top-left .popover-wrap:before {
      bottom: -5px;
      left: auto;
      right: 12px
    }

    .popover-top-right .popover-wrap {
      bottom: calc(100% + 8px);
      left: calc(50% - 20px)
    }

    .popover-top-right .popover-wrap:before {
      bottom: -5px;
      left: 12px
    }

    .popover-bottom .popover-wrap {
      top: calc(100% + 8px);
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      transform: translateX(-50%)
    }

    .popover-bottom .popover-wrap:before {
      top: -5px
    }

    .popover-bottom-left .popover-wrap {
      top: calc(100% + 8px);
      left: auto;
      right: calc(50% - 20px)
    }

    .popover-bottom-left .popover-wrap:before {
      top: -5px;
      left: auto;
      right: 12px
    }

    .popover-bottom-right .popover-wrap {
      top: calc(100% + 8px);
      left: calc(50% - 20px)
    }

    .popover-bottom-right .popover-wrap:before {
      top: -5px;
      left: 12px
    }

    .popover-left .popover-wrap {
      right: calc(100% + 8px);
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .popover-left .popover-wrap:before {
      right: -5px;
      left: auto;
      top: calc(50% - 8px)
    }

    .popover-right .popover-wrap {
      left: calc(100% + 8px);
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .popover-right .popover-wrap:before {
      left: -5px;
      top: calc(50% - 8px)
    }

    .position-top-left:before {
      top: calc(100% - 8px);
      left: auto;
      right: 12px
    }

    .position-top-right:before {
      top: calc(100% - 8px);
      left: 12px
    }

    .position-bottom-left:before {
      bottom: calc(100% - 8px);
      left: auto;
      right: 12px
    }

    .position-bottom-right:before {
      bottom: calc(100% - 8px);
      left: 12px
    }

    .position-top-left:before,
    .position-top-right:before,
    .position-top:before {
      top: auto;
      bottom: -5px
    }

    .position-bottom-left:before,
    .position-bottom-right:before,
    .position-bottom:before {
      top: -5px;
      bottom: auto
    }

    .position-left:before {
      left: auto;
      right: -5px;
      top: calc(50% - 8px)
    }

    .position-right:before {
      left: -5px;
      right: auto;
      top: calc(50% - 8px)
    }

    .popover-dark {
      border-color: #2f4050
    }

    .popover-dark .popover-content,
    .tooltip-dark:after {
      background-color: #2f4050;
      color: #fff;
      border-color: #2f4050
    }

    .popover-dark:before {
      background: #2f4050
    }

    .tooltip-top-left.tooltip-dark:before,
    .tooltip-top-right.tooltip-dark:before,
    .tooltip-top.tooltip-dark:before {
      border-top-color: #2f4050
    }

    .tooltip-bottom-left.tooltip-dark:before,
    .tooltip-bottom-right.tooltip-dark:before,
    .tooltip-bottom.tooltip-dark:before {
      border-bottom-color: #2f4050
    }

    .tooltip-left.tooltip-dark:before {
      border-left-color: #2f4050
    }

    .tooltip-right.tooltip-dark:before {
      border-right-color: #2f4050
    }

    .input {
      display: inline-block;
      width: 100%;
      height: 34px;
      line-height: 1.5;
      padding: 5px 8px;
      font-size: 14px;
      border: 1px solid #e3e7ed;
      border-radius: 0;
      color: #414a60;
      background-color: #fff;
      background-image: none;
      position: relative;
      cursor: text;
      transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out
    }

    textarea.input {
      max-width: 100%;
      height: auto;
      min-height: 34px;
      vertical-align: bottom;
      font-size: 14px
    }

    .input-small {
      padding: 1px 7px;
      height: 26px;
      font-size: 12px
    }

    .input-large {
      padding: 6px 7px;
      height: 38px
    }

    .input[disabled],
    .input[disabled]:focus,
    .input[disabled]:hover,
    .input[readonly],
    .input[readonly]:focus,
    .input[readonly]:hover {
      background-color: #f7f7f7;
      border-color: #e3e7ed;
      box-shadow: none;
      cursor: default
    }

    .input-wrap {
      position: relative;
      display: inline-block;
      min-width: 300px;
      vertical-align: middle;
      line-height: normal
    }

    .input-wrap .prefix,
    .input-wrap .suffix {
      position: absolute;
      min-width: 30px;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #c0c4cc;
      z-index: 1
    }

    .input-wrap .prefix .suffix-icon:hover,
    .input-wrap .suffix .suffix-icon:hover {
      color: #9fa3b0;
      transition: all .3s
    }

    .input-wrap .prefix {
      right: auto;
      left: 0
    }

    .input-wrap .suffix-clear {
      cursor: pointer
    }

    .input-wrap .suffix-counter {
      position: absolute;
      background-color: #fff;
      padding-left: 5px;
      height: 24px;
      line-height: 24px;
      right: 10px;
      top: 50%;
      border-radius: 5px;
      font-size: 12px;
      color: #9fa3b0;
      transform: translateY(-50%)
    }

    .input-wrap .suffix-counter em {
      font-style: normal;
      display: inline-block
    }

    .input-wrap-prefix .input {
      padding-left: 32px
    }

    .input-wrap .img-code,
    .input-wrap .img-code img {
      display: block;
      width: 100%;
      height: 32px
    }

    .input-wrap .img-code {
      position: absolute;
      width: 90px;
      top: 50%;
      right: 1px;
      border-left: 1px solid #e3e7ed;
      transform: translateY(-50%);
      cursor: pointer
    }

    .input-wrap-textarea {
      min-width: 600px
    }

    .input-wrap-textarea .suffix-counter {
      top: auto;
      bottom: 5px;
      transform: translateY(0)
    }

    .input-wrap-resize-auto .input {
      resize: auto
    }

    .input-wrap-resize-none .input {
      resize: none
    }

    .input-wrap-resize-both .input {
      resize: both
    }

    .input-wrap-resize-horizontal .input {
      resize: horizontal
    }

    .input-wrap-resize-vertical .input {
      resize: vertical
    }

    .input:focus,
    .input:hover {
      border-color: #2cd7c8
    }

    .input:focus {
      box-shadow: 0 1px 2px #96ebe4
    }

    .ui-slider {
      line-height: normal
    }

    .ui-slider-wrap {
      width: 100%;
      height: 4px;
      margin: 16px 0;
      background-color: #e8eaec;
      border-radius: 3px;
      vertical-align: middle;
      position: relative;
      cursor: pointer
    }

    .ui-slider-button-wrap {
      width: 18px;
      height: 18px;
      text-align: center;
      background-color: transparent;
      position: absolute;
      top: -5px;
      transform: translateX(-50%)
    }

    .ui-slider-button-wrap .popover-wrap {
      display: block;
      user-select: none
    }

    .ui-slider-button-wrap .popover-top .popover-wrap {
      bottom: calc(100% + 12px)
    }

    .ui-slider-button {
      width: 12px;
      height: 12px;
      border: 2px solid #5dd5c8;
      border-radius: 50%;
      background-color: #fff;
      transition: all .1s linear;
      outline: 0
    }

    .ui-slider-button-dragging,
    .ui-slider-button:focus,
    .ui-slider-button:hover {
      border-color: #5dd5c8;
      transform: scale(1.2)
    }

    .ui-slider-button-dragging+.popover-wrap {
      display: block !important;
      user-select: none
    }

    .ui-slider-button:hover {
      cursor: grab
    }

    .ui-slider-button-dragging,
    .ui-slider-button-dragging:hover {
      cursor: grabbing
    }

    .ui-slider-bar {
      height: 4px;
      background: #5dd5c8;
      border-radius: 3px;
      position: absolute
    }

    .ui-slider-stop {
      position: absolute;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #ccc;
      transform: translateX(-50%)
    }

    .ui-slider-disabled {
      cursor: not-allowed
    }

    .ui-slider-disabled .ui-slider-wrap {
      background-color: #ddd;
      cursor: default
    }

    .ui-slider-disabled .ui-slider-bar {
      background-color: #ddd
    }

    .ui-slider-disabled .ui-slider-button {
      border-color: #ddd;
      transform: scale(1)
    }

    .ui-slider-disabled .ui-slider-button-dragging,
    .ui-slider-disabled .ui-slider-button:hover {
      border-color: #ddd
    }

    .ui-slider-disabled .ui-slider-button-dragging,
    .ui-slider-disabled .ui-slider-button-dragging:hover,
    .ui-slider-disabled .ui-slider-button:hover {
      cursor: not-allowed
    }

    .ui-slider-input {
      display: flex
    }

    .ui-slider-input .input-wrap {
      width: 80px;
      margin-left: 20px
    }

    .ui-cascader {
      width: 300px;
      box-sizing: border-box;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.5
    }

    .ui-cascader,
    .ui-cascader-selection {
      display: inline-block;
      position: relative
    }

    .ui-cascader-selection .ui-icon-arrow-down {
      position: absolute;
      top: 50%;
      right: 8px;
      line-height: 1;
      margin-top: -7px;
      font-size: 14px;
      color: #9fa3b0
    }

    .ui-cascader .input {
      display: block
    }

    .ui-cascader .input[readonly] {
      background-color: #fff;
      border-color: #e3e7ed;
      box-shadow: none;
      cursor: pointer
    }

    .ui-cascader .input:hover {
      border-color: #2cd7c8
    }

    .ui-cascader .input:focus {
      border-color: #2cd7c8;
      box-shadow: 0 1px 2px #96ebe4
    }

    .ui-cascader-disabled .input {
      cursor: default
    }

    .ui-cascader .ui-icon-circle-close {
      position: absolute;
      min-width: 30px;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #c0c4cc;
      z-index: 1;
      cursor: pointer
    }

    .ui-cascader .ui-icon-circle-close:hover {
      color: #9fa3b0;
      transition: all .3s
    }

    .ui-cascader-visible .ui-icon-arrow-down {
      transform: rotate(180deg)
    }

    .ui-cascader-show-clear .ui-icon-arrow-down {
      display: none
    }

    .ui-cascader-label {
      width: 100%;
      height: 100%;
      line-height: 32px;
      padding: 0 20px 0 7px;
      box-sizing: border-box;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      cursor: pointer;
      position: absolute;
      left: 0;
      top: 0
    }

    .ui-cascader .ui-select-dropdown {
      width: auto;
      white-space: nowrap
    }

    .ui-cascader-show-result .ui-select-dropdown {
      width: inherit
    }

    .ui-cascader-menu,
    .ui-cascader-menu .ui-dropdown-list {
      display: inline-block;
      vertical-align: top
    }

    .ui-cascader-menu .ui-dropdown-list {
      min-width: 100px;
      height: 190px;
      overflow: auto;
      border-right: 1px solid #f4f4f4
    }

    .ui-cascader-menu .ui-select-item-arrow {
      position: relative
    }

    .ui-cascader-menu .ui-select-item-arrow:after {
      font-family: ui-icons;
      content: "\E604";
      font-size: 14px;
      color: #bfcbd9;
      position: absolute;
      right: 12px
    }

    .ui-cascader-menu .ui-select-item-active {
      color: #5dd5c8
    }

    .ui-cascader-not-found .ui-select-dropdown {
      width: inherit
    }

    .ui-cascader-not-found-tip {
      font-size: 12px;
      color: #9fa3b0;
      text-align: center
    }

    .pannel-collapse {
      background: #fff;
      border: 1px solid #f3f3f4;
      padding: 0;
      border-radius: 5px
    }

    .pannel-collapse dt {
      position: relative;
      padding: 6px 10px 6px 40px;
      background: #f8f8f8;
      border-bottom: 1px solid #f3f3f4;
      cursor: pointer
    }

    .pannel-collapse dl:first-of-type dt {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px
    }

    .pannel-collapse dt:after {
      content: "\e603";
      font-family: ui-icons;
      position: absolute;
      left: 20px;
      top: 5px;
      color: #666;
      cursor: pointer;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg)
    }

    .pannel-collapse dl:last-of-type dt {
      border-bottom-width: 0
    }

    .pannel-collapse dd {
      display: none;
      padding: 10px 20px
    }

    .pannel-collapse dl.expanded dd {
      display: block
    }

    .pannel-collapse dl.expanded dt:after {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }

    .pannel-collapse dl.expanded dt {
      border-bottom-width: 1px
    }

    .ui-collapse {
      background: #fff;
      border: 1px solid #f3f3f4;
      padding: 0;
      border-radius: 5px
    }

    .ui-collapse .ui-collapse-item-header {
      position: relative;
      padding: 6px 10px 6px 40px;
      background: #f8f8f8;
      border-bottom: 1px solid #f3f3f4;
      cursor: pointer;
      outline: 0
    }

    .ui-collapse .ui-collapse-item-content {
      padding: 10px 20px
    }

    .ui-collapse .ui-collapse-item-header:after {
      content: "\e603";
      font-family: ui-icons;
      position: absolute;
      left: 20px;
      top: 5px;
      color: #666;
      cursor: pointer;
      transform: rotate(-90deg)
    }

    .ui-collapse .ui-collapse-item-header.is-active:after {
      transform: rotate(0deg)
    }

    .ui-table {
      margin-top: 20px;
      background-color: #fff
    }

    .data-page a,
    .ui-table a {
      -webkit-transition: all .1s linear;
      -moz-transition: all linear .1s;
      -o-transition: all linear .1s;
      transition: all .1s linear
    }

    .ui-table table {
      width: 100%;
      table-layout: fixed
    }

    .ui-table tr:hover {
      background-color: #f8f9fb
    }

    .ui-table td,
    .ui-table th {
      font-size: 13px;
      padding: 5px;
      height: 40px;
      font-weight: 400;
      text-align: left;
      border-bottom: 1px solid #eef0f5
    }

    .ui-table th {
      background: #fbfbfc;
      color: #61687c;
      font-size: 14px
    }

    .ui-table td:first-of-type,
    .ui-table th:first-of-type {
      padding-left: 10px
    }

    .sort-caret {
      display: inline-block;
      position: relative;
      vertical-align: middle;
      margin-left: 5px
    }

    .sort-ascending,
    .sort-descending {
      display: block;
      border: 5px solid transparent;
      margin-bottom: 2px;
      cursor: pointer
    }

    .sort-ascending {
      border-bottom-color: #c0c4cc
    }

    .sort-descending {
      border-top-color: #c0c4cc
    }

    .ascending .sort-ascending {
      border-bottom-color: #1fcbc7
    }

    .descending .sort-descending {
      border-top-color: #1fcbc7
    }

    .ui-table table a {
      color: #18c3b1
    }

    .ui-table table a:hover {
      color: #00d7c6
    }

    .ui-table td {
      position: relative
    }

    .ui-table-fixed {
      overflow: hidden
    }

    .ui-table-fixed .table-header {
      background-color: #fbfbfc;
      position: relative
    }

    .ui-table-fixed .table-body {
      overflow: auto
    }

    .ui-table-border {
      border: 1px solid #eef0f5
    }

    .ui-table-border td,
    .ui-table-border th {
      border-left: 1px solid #eef0f5
    }

    .ui-table-border .table-body,
    .ui-table-border .table-header {
      margin-left: -1px
    }

    .ui-table-border>table {
      margin-left: -1px;
      margin-bottom: -1px
    }

    .ui-table-border .table-body {
      margin-bottom: -1px
    }

    .ui-table-stripe tbody tr:nth-child(2n) {
      background-color: #f9f9f9
    }

    .ui-table~.pager {
      margin-top: 20px
    }

    .ui-tablepro {
      width: inherit;
      height: 100%;
      max-width: 100%;
      overflow: hidden;
      color: #495060;
      font-size: 12px;
      background-color: #fff;
      box-sizing: border-box
    }

    .ui-tablepro-wrapper {
      position: relative;
      border: 1px solid #e3e7ed;
      border-bottom: 0;
      border-right: 0;
      overflow: hidden
    }

    .ui-tablepro-hide {
      opacity: 0
    }

    .ui-tablepro:before {
      width: 100%;
      height: 1px;
      left: 0;
      bottom: 0;
      z-index: 1
    }

    .ui-tablepro:after,
    .ui-tablepro:before {
      content: "";
      position: absolute;
      background-color: #e3e7ed
    }

    .ui-tablepro:after {
      width: 1px;
      height: 100%;
      top: 0;
      right: 0;
      z-index: 3
    }

    .ui-tablepro-footer,
    .ui-tablepro-title {
      height: 48px;
      line-height: 48px;
      border-bottom: 1px solid #e9eaec
    }

    .ui-tablepro-footer {
      border-bottom: none
    }

    .ui-tablepro-header {
      overflow: hidden
    }

    .ui-tablepro-body::-webkit-scrollbar {
      width: 8px;
      height: 6px
    }

    .ui-tablepro-body::-webkit-scrollbar-track-piece {
      background-color: #fff
    }

    .ui-tablepro-overflowX {
      overflow-x: scroll
    }

    .ui-tablepro-overflowY {
      overflow-y: scroll
    }

    .ui-tablepro-tip {
      overflow-x: auto;
      overflow-y: hidden
    }

    .ui-tablepro-with-fixed-top.ui-tablepro-with-footer .ui-tablepro-footer {
      border-top: 1px solid #e3e7ed
    }

    .ui-tablepro-with-fixed-top.ui-tablepro-with-footer tbody tr:last-child td {
      border-bottom: none
    }

    .ui-tablepro td,
    .ui-tablepro th {
      min-width: 0;
      height: 48px;
      box-sizing: border-box;
      text-align: left;
      text-overflow: ellipsis;
      vertical-align: middle;
      border-bottom: 1px solid #e9eaec
    }

    .ui-tablepro th {
      height: 40px;
      white-space: nowrap;
      overflow: hidden;
      background-color: #f8f8f9
    }

    .ui-tablepro td {
      background-color: #fff;
      transition: background-color .2s ease-in-out
    }

    td.ui-tablepro-column-left,
    th.ui-tablepro-column-left {
      text-align: left
    }

    td.ui-tablepro-column-center,
    th.ui-tablepro-column-center {
      text-align: center
    }

    td.ui-tablepro-column-right,
    th.ui-tablepro-column-right {
      text-align: right
    }

    .ui-tablepro table {
      table-layout: fixed
    }

    .ui-tablepro-border td,
    .ui-tablepro-border th {
      border-right: 1px solid #e9eaec
    }

    .ui-tablepro-cell {
      padding-left: 18px;
      padding-right: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      word-break: break-all;
      box-sizing: border-box
    }

    .ui-tablepro-cell-ellipsis {
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .ui-tablepro-cell-tooltip {
      width: 100%;
      display: flex;
      align-items: center
    }

    .ui-tablepro-cell-tooltip-content {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .ui-tablepro-cell-with-expand {
      height: 47px;
      line-height: 47px;
      padding: 0;
      text-align: center
    }

    .ui-tablepro-cell-expand {
      cursor: pointer;
      transition: transform .2s ease-in-out
    }

    .ui-tablepro-cell-expand i {
      font-size: 14px
    }

    .ui-tablepro-cell-expand-expanded {
      transform: rotate(90deg)
    }

    .ui-tablepro-cell-sort {
      cursor: pointer;
      user-select: none
    }

    .ui-tablepro-cell-with-selection .ui-checkbox-wrapper {
      margin-right: 0
    }

    .ui-tablepro-hidden {
      visibility: hidden
    }

    th .ui-tablepro-cell {
      display: inline-block;
      word-wrap: normal;
      vertical-align: middle
    }

    td.ui-tablepro-expanded-cell {
      padding: 20px 50px;
      background: #f8f8f9
    }

    .ui-tablepro-stripe .ui-tablepro-body tr:nth-child(2n) td,
    .ui-tablepro-stripe .ui-tablepro-fixed-body tr:nth-child(2n) td {
      background-color: #f8f8f9
    }

    .ui-tablepro-stripe .ui-tablepro-body tr.ui-tablepro-row-hover td,
    .ui-tablepro-stripe .ui-tablepro-fixed-body tr.ui-tablepro-row-hover td,
    tr.ui-tablepro-row-hover td {
      background-color: #ebf7ff
    }

    .ui-tablepro-large {
      font-size: 14px
    }

    .ui-tablepro-large th {
      height: 48px
    }

    .ui-tablepro-large td {
      height: 60px
    }

    .ui-tablepro-large-footer,
    .ui-tablepro-large-title {
      height: 60px;
      line-height: 60px
    }

    .ui-tablepro-large .ui-tablepro-cell-with-expand {
      height: 59px;
      line-height: 59px
    }

    .ui-tablepro-large .ui-tablepro-cell-with-expand i {
      font-size: 16px
    }

    .ui-tablepro-small th {
      height: 32px
    }

    .ui-tablepro-small td {
      height: 40px
    }

    .ui-tablepro-small-footer,
    .ui-tablepro-small-title {
      height: 40px;
      line-height: 40px
    }

    .ui-tablepro-small .ui-tablepro-cell-with-expand {
      height: 39px;
      line-height: 39px
    }

    .ui-tablepro-row-highlight td,
    .ui-tablepro-stripe .ui-tablepro-body tr.ui-tablepro-row-highlight:nth-child(2n) td,
    .ui-tablepro-stripe .ui-tablepro-fixed-body tr.ui-tablepro-row-highlight:nth-child(2n) td,
    tr.ui-tablepro-row-highlight.ui-tablepro-row-hover td {
      background-color: #ebf7ff
    }

    .ui-tablepro-fixed,
    .ui-tablepro-fixed-right {
      position: absolute;
      top: 0;
      left: 0;
      box-shadow: 2px 0 6px -2px rgba(0, 0, 0, .2)
    }

    .ui-tablepro-fixed-right:before,
    .ui-tablepro-fixed:before {
      content: "";
      width: 100%;
      height: 1px;
      background-color: #e3e7ed;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 4
    }

    .ui-tablepro-fixed-right {
      top: 0;
      left: auto;
      right: 0;
      box-shadow: -2px 0 6px -2px rgba(0, 0, 0, .2)
    }

    .ui-tablepro-fixed-right-header {
      position: absolute;
      top: -1px;
      right: 0;
      background-color: #f8f8f9;
      border-top: 1px solid #e3e7ed;
      border-bottom: 1px solid #e9eaec
    }

    .ui-tablepro-fixed-header {
      overflow: hidden
    }

    .ui-tablepro-fixed-body {
      overflow: hidden;
      position: relative;
      z-index: 3
    }

    .ui-tablepro-fixed-shadow {
      width: 1px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      box-shadow: 1px 0 6px rgba(0, 0, 0, .1);
      overflow: hidden;
      z-index: 1
    }

    .ui-tablepro-sort {
      display: inline-block;
      width: 9px;
      height: 12px;
      margin-left: 4px;
      margin-top: -1px;
      vertical-align: middle;
      overflow: hidden;
      cursor: pointer;
      position: relative
    }

    .ui-tablepro-sort i {
      display: block;
      height: 6px;
      line-height: 6px;
      overflow: hidden;
      position: absolute;
      color: #bbbec4;
      transition: color .2s ease-in-out
    }

    .ui-tablepro-sort i:hover {
      color: inherit
    }

    .ui-tablepro-sort i.on {
      color: #5dd5c8
    }

    .ui-tablepro-sort i:first-child {
      top: 0
    }

    .ui-tablepro-sort i:last-child {
      bottom: 0
    }

    .ui-tablepro-filter {
      display: inline-block;
      cursor: pointer;
      position: relative
    }

    .ui-tablepro-filter i {
      color: #bbbec4;
      transition: color .2s ease-in-out
    }

    .ui-tablepro-filter i:hover {
      color: inherit
    }

    .ui-tablepro-filter i.on {
      color: #5dd5c8
    }

    .ui-tablepro-filter-list {
      padding: 8px 0 0
    }

    .ui-tablepro-filter-list-item {
      padding: 0 12px 8px
    }

    .ui-tablepro-filter-list-item .ivu-checkbox-wrapper+.ivu-checkbox-wrapper {
      margin: 0
    }

    .ui-tablepro-filter-list-item label {
      display: block
    }

    .ui-tablepro-filter-list-item label>span {
      margin-right: 4px
    }

    .ui-tablepro-filter-list ul {
      padding-bottom: 8px
    }

    .ui-tablepro-filter-list .ui-tablepro-filter-select-item {
      margin: 0;
      line-height: normal;
      padding: 7px 16px;
      clear: both;
      color: #495060;
      font-size: 12px !important;
      white-space: nowrap;
      list-style: none;
      cursor: pointer;
      transition: background .2s ease-in-out
    }

    .ui-tablepro-filter-list .ui-tablepro-filter-select-item-disabled {
      color: #bbbec4;
      cursor: default
    }

    .ui-tablepro-filter-list .ui-tablepro-filter-select-item-disabled:hover {
      color: #bbbec4;
      background-color: #fff;
      cursor: default
    }

    .ui-tablepro-filter-list .ui-tablepro-filter-select-item-selected,
    .ui-tablepro-filter-list .ui-tablepro-filter-select-item-selected:hover {
      color: #fff;
      background: #f2f5fa
    }

    .ui-tablepro-filter-list .ui-tablepro-filter-select-item-selected.ui-tablepro-filter-list .ui-tablepro-filter-select-item-focus {
      background: #dadde1
    }

    .ui-tablepro-filter-list .ui-tablepro-filter-select-item-divided {
      margin-top: 5px;
      border-top: 1px solid #e9eaec
    }

    .ui-tablepro-filter-list .ui-tablepro-filter-select-item-divided:before {
      content: "";
      height: 5px;
      display: block;
      margin: 0 -16px;
      background-color: #fff;
      position: relative;
      top: -7px
    }

    .ui-tablepro-filter-list .ui-tablepro-large .ui-tablepro-filter-select-item {
      padding: 7px 16px 8px;
      font-size: 14px !important
    }

    @-moz-document url-prefix() {
      .ui-tablepro-filter-list .ui-tablepro-filter-select-item {
        white-space: normal
      }
    }

    .ui-tablepro-filter-footer {
      padding: 4px;
      border-top: 1px solid #e9eaec;
      overflow: hidden
    }

    .ui-tablepro-filter-footer button:first-child {
      float: left
    }

    .ui-tablepro-filter-footer button:last-child {
      float: right
    }

    .ui-tablepro-tip table {
      width: 100%
    }

    .ui-tablepro-tip table td {
      text-align: center
    }

    .ui-tablepro-expanded-hidden {
      visibility: hidden
    }

    .ivu-table-popper {
      min-width: 0;
      text-align: left
    }

    .ivu-table-popper .ivu-poptip-body {
      padding: 0
    }

    .data-tab {
      font-size: 14px
    }

    .data-tab h3 {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: -3px;
      padding-left: 10px;
      border-left: 4px solid #e7eaec
    }

    .data-tab a {
      display: inline-block;
      line-height: 30px;
      text-align: center;
      padding: 0 20px;
      border: 1px solid #e7eaec;
      margin-right: -1px
    }

    .data-tab a:hover {
      -webkit-transition: none;
      -moz-transition: none;
      transition: none
    }

    .data-tab a.selected {
      border-color: #53cac3;
      background-color: #53cac3;
      color: #fff;
      position: relative;
      z-index: 1
    }

    .data-tab a:first-of-type {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .data-tab a:last-of-type {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
    }

    .data-tab .btns {
      float: right
    }

    .data-tab .btns .btn:last-of-type {
      margin-right: 0
    }

    .ui-tab .ui-tab__nav-wrap {
      overflow: hidden;
      margin-bottom: -1px;
      position: relative
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav {
      white-space: nowrap;
      position: relative;
      transition: transform .3s;
      float: left;
      z-index: 2
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav .ui-tab__active-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 2px;
      background-color: #5dd5c8;
      z-index: 99;
      transition: transform .3s cubic-bezier(.645, .045, .355, 1);
      list-style: none
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav .ui-tab__nav-item {
      display: inline-block;
      line-height: 30px;
      text-align: center;
      padding: 0 20px;
      border: 1px solid #e7eaec;
      margin-right: -1px;
      cursor: pointer
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav .ui-tab__nav-item:first-of-type {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav .ui-tab__nav-item:last-of-type {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav .ui-tab__nav-item:focus {
      outline: 0
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav .ui-tab__nav-item:hover {
      color: #5dd5c8
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav .ui-tab__nav-item.is-active {
      border-color: #53cac3;
      background-color: #53cac3;
      color: #fff;
      position: relative;
      z-index: 1
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav .ui-tab__nav-item.is-disabled {
      border-color: #ccd4d4;
      background-color: #ccd4d4;
      color: #f0f0f0;
      position: relative;
      z-index: 1
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav.is-showbar {
      border-bottom: 0
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav.is-showbar .ui-tab__nav-item {
      border: 0;
      color: #222
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav.is-showbar .ui-tab__nav-item.is-active {
      border: 2px;
      background-color: #fff;
      color: #53cac3;
      position: relative;
      z-index: 1
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav.is-showbar .ui-tab__nav-item.is-disabled {
      z-index: 1000;
      color: #f0f0f0
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav.is-showbar .ui-tab__nav-item.is-disabled:hover {
      color: #f0f0f0
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav.is-showbar .ui-tab__nav-item:hover {
      color: #5dd5c8
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav.is-showbar .ui-tab__nav-item:focus {
      outline: 0
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav.is-showbar .ui-tab__nav-item:nth-child(2) {
      padding-left: 0
    }

    .ui-tab .ui-tab__nav-wrap .ui-tab__nav.is-showbar .ui-tab__nav-item:last-child {
      padding-right: 0
    }

    .ui-tab .ui-tab__nav-wrap.showbar__nav-wrap {
      border-bottom: 1px solid #eaecef
    }

    .ui-tab .ui-tab_content {
      overflow: hidden;
      position: relative
    }

    .datepicker-select,
    .datepicker-wrap {
      position: relative;
      display: inline-block
    }

    .datepicker-select {
      cursor: pointer
    }

    .dropdown-disabled {
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .datepicker-disabled .datepicker-select {
      cursor: default
    }

    .datepicker-wrap .ui-icon-date {
      color: #d1d4db;
      position: absolute;
      left: 10px;
      top: 10px;
      z-index: 1
    }

    .datepicker-wrap .ui-icon-date+.input {
      padding-left: 30px;
      padding-right: 30px
    }

    .datepicker-wrap .ui-icon-circle-close {
      position: absolute;
      min-width: 30px;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #c0c4cc;
      z-index: 1;
      cursor: pointer
    }

    .datepicker-wrap .ui-icon-circle-close:hover {
      color: #9fa3b0;
      transition: all .3s
    }

    .datepicker-pannel {
      position: absolute;
      width: 320px;
      color: #606266;
      border: 1px solid #e4e7ed;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      background: #fff;
      border-radius: 4px;
      line-height: 30px;
      margin: 5px 0;
      z-index: 1
    }

    .picker-header {
      padding: 12px;
      text-align: center;
      position: relative
    }

    .picker-header span {
      display: inline-block;
      height: 30px;
      line-height: 30px;
      vertical-align: middle
    }

    .picker-header .next,
    .picker-header .prev {
      position: absolute;
      width: 40px;
      cursor: pointer
    }

    .picker-header .prev {
      left: 10px
    }

    .picker-header .next {
      right: 10px
    }

    .picker-header .next:after,
    .picker-header .prev:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      border-color: #b4c1d8 #b4c1d8 transparent transparent;
      border-style: solid;
      border-width: 1px;
      transform: rotate(-135deg);
      top: 10px;
      left: 18px
    }

    .picker-header .next:after {
      transform: rotate(45deg);
      left: 12px
    }

    .picker-header .next:hover,
    .picker-header .prev:hover {
      background-color: #f2f5f9
    }

    .picker-header .day-month-btn,
    .picker-header .month-year-btn {
      padding: 0 10px;
      cursor: pointer
    }

    .picker-header .day-month-btn:hover,
    .picker-header .month-year-btn:hover {
      background-color: #f2f5f9
    }

    .picker-header .disabled {
      cursor: default;
      display: none
    }

    .picker-content {
      height: 238px;
      padding: 0 10px 10px
    }

    .picker-content .cell {
      display: inline-block;
      width: 36px;
      height: 34px;
      line-height: 34px;
      margin: 0 3px;
      text-align: center;
      cursor: pointer
    }

    .picker-content .cell:not(.blank):hover {
      background-color: #f2f5f9
    }

    .picker-content .cell.disabled,
    .picker-content .cell.disabled:hover {
      background-color: #fff;
      cursor: default;
      opacity: .4
    }

    .picker-content .day-header {
      height: 30px;
      line-height: 30px;
      cursor: default
    }

    .picker-content .day-header:hover {
      background: none
    }

    .picker-content .today,
    .picker-content .today:hover {
      background-color: #f2f5f9
    }

    .picker-content .today {
      position: relative
    }

    .picker-content .today:after {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-top: 8px solid #b7c1d8;
      border-left: 8px solid transparent
    }

    .picker-content .cell.selected:hover,
    .picker-content .selected,
    .picker-content .selected:hover {
      background-color: #5dd5c8;
      color: #fff
    }

    .picker-content .today.selected:after {
      border-top-color: #34ada0
    }

    .picker-content .blank {
      color: #c0c4cc
    }

    .picker-content .month,
    .picker-content .year {
      width: 60px;
      height: 50px;
      line-height: 50px;
      margin: 0 7px
    }

    .picker-content .no-exp {
      font-size: 12px
    }

    .datepicker-month .picker-content,
    .datepicker-year .picker-content {
      position: relative;
      padding-top: 10px;
      height: 228px
    }

    .picker-content .totoday {
      text-align: center;
      position: absolute;
      bottom: 15px;
      left: 10px;
      right: 10px;
      cursor: pointer
    }

    .picker-content .totoday:hover {
      background-color: #f2f5f9
    }

    .datepicker-wrap .prefix-totoday {
      position: absolute;
      left: 7px;
      top: 5px;
      background-color: #fff;
      min-width: 80px;
      height: 22px
    }

    .datepicker-wrap .input {
      min-width: 264px
    }

    .datepicker-wrap .input[readonly] {
      background-color: #fff;
      border-color: #e3e7ed;
      box-shadow: none;
      cursor: pointer
    }

    .datepicker-wrap .input:hover {
      border-color: #2cd7c8
    }

    .datepicker-wrap .input:focus {
      border-color: #2cd7c8;
      box-shadow: 0 1px 2px #96ebe4
    }

    .datepicker-wrap .ui-icon-arrow-down {
      position: absolute;
      top: 50%;
      right: 8px;
      line-height: 1;
      margin-top: -7px;
      font-size: 14px;
      color: #9fa3b0
    }

    .datepicker-wrap.ui-datepicker-visible .ui-icon-arrow-down {
      transform: rotate(180deg)
    }

    .ui-form .item-label {
      text-align: right;
      vertical-align: middle;
      float: left;
      color: #495060;
      line-height: 1;
      padding: 10px 12px 10px 0;
      box-sizing: border-box
    }

    .ui-form-label-left .item-label {
      text-align: left
    }

    .ui-form-label-top .item-label {
      float: none;
      display: inline-block;
      padding: 0 0 10px
    }

    .ui-form-inline .form-item {
      display: inline-block;
      margin-right: 10px;
      vertical-align: top
    }

    .ui-form-inline .form-item .item-label {
      text-align: left;
      padding-right: 0
    }

    .ui-form-asterisk .form-item.form-item-required .item-label:before {
      content: "*";
      display: inline-block;
      margin-right: 4px;
      font-size: 12px;
      color: #ed3f14
    }

    .form-item {
      margin-bottom: 24px;
      vertical-align: top;
      zoom: 1
    }

    .form-item:after,
    .form-item:before {
      content: "";
      display: table
    }

    .form-item:after {
      clear: both;
      visibility: hidden;
      font-size: 0;
      height: 0
    }

    .form-item .item-content {
      position: relative;
      line-height: 32px
    }

    .form-item .form-item {
      margin-bottom: 0
    }

    .form-item .form-item .form-item-content {
      margin-left: 0 !important
    }

    .form-item .form-error-tip {
      position: absolute;
      top: 100%;
      left: 0;
      line-height: 1;
      padding-top: 6px;
      font-size: 12px;
      color: #ed3f14
    }

    .carousel {
      position: relative;
      min-width: 100px
    }

    .carousel:hover .carousel__arrow-hover {
      opacity: 1
    }

    .carousel .carousel__arrow {
      width: 36px;
      height: 36px;
      border-radius: 36px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #ddd;
      cursor: pointer;
      text-align: center;
      line-height: 36px;
      color: #fff;
      display: none;
      z-index: 20
    }

    .carousel .carousel__arrow-left {
      left: 16px
    }

    .carousel .carousel__arrow-right {
      right: 16px
    }

    .carousel .carousel__arrow-hover {
      display: inherit;
      opacity: 0
    }

    .carousel .carousel__arrow-always {
      display: inherit
    }

    .carousel .carousel__lists {
      overflow: hidden;
      position: relative;
      display: block
    }

    .carousel .carousel__item {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1
    }

    .carousel .carousel__item-is-normal {
      display: none
    }

    .carousel .carousel__item-is-fade {
      opacity: 0
    }

    .carousel .indicators {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: 2;
      display: none
    }

    .carousel .indicator__inside {
      display: block
    }

    .carousel .indicator__outside {
      text-align: center;
      display: block;
      position: relative
    }

    .carousel .indicators li {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      background-color: transparent;
      padding: 12px 4px;
      cursor: pointer
    }

    .carousel .indicators .indicator__item {
      border: 0;
      cursor: pointer;
      background: #ddd;
      opacity: .3;
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 1px;
      transition: all .5s
    }

    .carousel .indicators .indicator__active .indicator__item {
      opacity: 1;
      width: 24px
    }

    .carousel .indicators .indicator__circle {
      height: 12px;
      width: 12px;
      border-radius: 12px
    }

    .carousel .indicators .indicator__active .indicator__circle {
      opacity: 1;
      height: 14px;
      width: 14px;
      border-radius: 14px
    }

    .carousel .is-animated {
      transition: all .5s ease-in-out
    }

    .carousel .is-actived {
      z-index: 2;
      display: block;
      opacity: 1
    }

    .ui-icon-star {
      font-size: 18px;
      margin-right: 6px;
      color: #c0c4cc;
      transition: .3s;
      cursor: pointer
    }

    .ui-icon-star.hover {
      color: #f7ba2a
    }

    .ui-icon-star:hover {
      transform: scale(1.2)
    }

    .ui-icon-star-off:before {
      content: "\E63D"
    }

    .ui-icon-star-on:before {
      content: "\E637"
    }

    .progress-box {
      height: 10px;
      background: #ededed;
      border-radius: 3px;
      overflow: hidden;
      margin-top: 10px
    }

    .upload-file-info {
      display: flex
    }

    .upload-file-info .change-file {
      width: 60px;
      flex-shrink: 0;
      text-align: center;
      cursor: pointer;
      color: #0d98ff
    }

    .upload-file-info .file-name {
      flex: 1
    }

    .upload-input {
      display: none
    }

    .cropper-win {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      background: rgba(0, 0, 0, .5)
    }

    .custom-cropper-box {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 80%;
      height: 80%;
      z-index: 999;
      transform: translateX(-50%) translateY(-50%);
      background: #fff
    }

    .cropper-win .custom-cropper-box .vue-cropper {
      background-image: none
    }

    .cropper-win .custom-cropper-box .cropper-modal {
      background: none
    }

    .cropper-win .btns-box {
      position: absolute;
      left: 0;
      top: calc(90% + 10px);
      text-align: center;
      width: 100%
    }

    .cropper-win .btns-box .btn {
      margin-right: 20px
    }

    .drop_box {
      height: 500px;
      width: 500px;
      border: 1px solid #ededed
    }

    .vue-cropper {
      position: relative;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      direction: ltr;
      touch-action: none;
      background-image: url("")
    }

    .cropper-box,
    .cropper-box-canvas,
    .cropper-crop-box,
    .cropper-drag-box,
    .cropper-face {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      user-select: none
    }

    .cropper-box-canvas img {
      position: relative;
      user-select: none;
      transform: none;
      max-width: none;
      max-height: none
    }

    .cropper-box {
      overflow: hidden
    }

    .cropper-move {
      cursor: move
    }

    .cropper-crop {
      cursor: crosshair
    }

    .cropper-modal {
      background: rgba(0, 0, 0, .5)
    }

    .cropper-view-box {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      outline: 1px solid #39f;
      outline-color: rgba(51, 153, 255, .75);
      user-select: none
    }

    .cropper-view-box img {
      user-select: none;
      max-width: none;
      max-height: none
    }

    .cropper-face {
      top: 0;
      left: 0;
      background-color: #fff;
      opacity: .1
    }

    .crop-info {
      position: absolute;
      left: 0;
      min-width: 65px;
      text-align: center;
      color: #fff;
      line-height: 20px;
      background-color: rgba(0, 0, 0, .8);
      font-size: 12px
    }

    .crop-line {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      opacity: .1
    }

    .line-w {
      top: -3px;
      left: 0;
      height: 5px;
      cursor: n-resize
    }

    .line-a {
      top: 0;
      left: -3px;
      width: 5px;
      cursor: w-resize
    }

    .line-s {
      bottom: -3px;
      left: 0;
      height: 5px;
      cursor: s-resize
    }

    .line-d {
      top: 0;
      right: -3px;
      width: 5px;
      cursor: e-resize
    }

    .crop-point {
      position: absolute;
      width: 8px;
      height: 8px;
      opacity: .75;
      background-color: #39f;
      border-radius: 100%
    }

    .point1 {
      top: -4px;
      left: -4px;
      cursor: nw-resize
    }

    .point2 {
      top: -5px;
      left: 50%;
      margin-left: -3px;
      cursor: n-resize
    }

    .point3 {
      top: -4px;
      right: -4px;
      cursor: ne-resize
    }

    .point4 {
      left: -4px
    }

    .point4,
    .point5 {
      top: 50%;
      margin-top: -3px;
      cursor: w-resize
    }

    .point5 {
      right: -4px
    }

    .point6 {
      bottom: -5px;
      left: -4px;
      cursor: sw-resize
    }

    .point7 {
      bottom: -5px;
      left: 50%;
      margin-left: -3px;
      cursor: s-resize
    }

    .point8 {
      bottom: -5px;
      right: -4px;
      cursor: nw-resize
    }

    @media screen and (max-width:500px) {
      .crop-point {
        position: absolute;
        width: 20px;
        height: 20px;
        opacity: .45;
        background-color: #39f;
        border-radius: 100%
      }

      .point1 {
        top: -10px;
        left: -10px
      }

      .point2,
      .point4,
      .point5,
      .point7 {
        display: none
      }

      .point3 {
        top: -10px;
        right: -10px
      }

      .point4 {
        top: 0;
        left: 0
      }

      .point6 {
        bottom: -10px;
        left: -10px
      }

      .point8 {
        bottom: -10px;
        right: -10px
      }
    }

    .ui-pannel {
      background: #fff;
      border: 1px solid #f3f3f4;
      box-shadow: inset 0 0 1px rgba(0, 0, 0, .05);
      padding: 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px
    }

    .ui-pannel .ui-pannel-head {
      font-size: 14px;
      padding: 8px 15px;
      line-height: 24px;
      background: #f8f8f8;
      border-bottom: 1px solid #f3f3f4
    }

    .ui-pannel .ui-pannel-head .more,
    .ui-pannel .ui-pannel-head i {
      float: right;
      font-size: 12px
    }

    .ui-pannel .ui-pannel-body {
      padding: 10px 15px
    }

    .ui-pannel .ui-info-list {
      padding-top: 0;
      padding-bottom: 0
    }

    .ui-pannel-group:after {
      content: "";
      display: block;
      clear: both;
      overflow: hidden;
      visibility: hidden
    }

    .ui-pannel-group .ui-pannel {
      float: left;
      margin-bottom: 20px
    }

    .ui-group-2 .ui-pannel {
      width: 48%
    }

    .ui-group-2 .ui-pannel:last-of-type {
      margin-left: 2%
    }

    .ui-group-3 .ui-pannel {
      width: 31%;
      margin-right: 2%
    }

    .ui-group-3 .ui-pannel:last-of-type {
      margin-right: 0
    }

    .ui-group-4 .ui-pannel {
      width: 22%;
      margin-right: 2%
    }

    .ui-group-4 .ui-pannel:last-of-type {
      margin-right: 0
    }

    .ui-group-4 .ui-pannel:first-of-type,
    .ui-group-4 .ui-pannel:last-of-type {
      width: 24%
    }

    .ui-mod-title {
      margin: 10px 0;
      font-size: 14px
    }

    .ui-info-list {
      font-size: 13px
    }

    .ui-info-list h3 .more {
      float: right;
      margin-right: 5px
    }

    .ui-info-list ul {
      padding: 5px 0
    }

    .ui-info-list li {
      border-bottom: 1px solid #f3f3f4;
      padding: 5px 0;
      line-height: 26px
    }

    .ui-info-list li .text-muted {
      float: right;
      color: #999
    }

    .ui-info-list li:last-of-type {
      border-bottom: 0
    }

    .ui-list-group {
      border: 1px solid #f3f3f4
    }

    .ui-list-group li a {
      position: relative;
      display: block;
      padding: 10px 15px;
      background-color: #fff
    }

    .ui-list-group li:first-of-type a {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px
    }

    .ui-list-group li:last-of-type a {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px
    }

    .ui-list-group li a:hover {
      background-color: #f9f9f9
    }

    .ui-list-group li a:active {
      background-color: #eee;
      border-color: #eee;
      z-index: 2
    }

    .ui-list-group li a:after {
      content: "";
      position: absolute;
      height: 1px;
      background: #f3f3f4;
      left: 15px;
      right: 15px;
      bottom: 0
    }

    .ui-list-group li:last-of-type a:after {
      display: none
    }

    .ui-list-group .text-muted,
    .ui-list-group .ui-badge {
      float: right
    }

    .ui-list-group .text-muted {
      color: #ccc
    }

    .ui-list-group .ui-badge {
      margin-top: 2px
    }

    .ui-list-con li .img-con {
      float: left;
      width: 160px
    }

    .ui-list-con li .img-con img {
      width: 160px;
      height: 120px
    }

    .ui-list-con li .text {
      margin-left: 180px
    }

    .ui-list-con li .text .des {
      color: #999
    }

    .ui-list-con li .text .info {
      color: #ccc
    }

    .ui-suggest-input {
      width: 100%;
      min-width: unset
    }

    .ui-suggest .ui-dropmenu-list {
      width: 100%
    }

    .ui-card {
      border-radius: 4px;
      border: 1px solid #ebeef5;
      background-color: #fff;
      color: #303133;
      transition: .3s;
      font-size: 14px;
      color: rgba(0, 0, 0, .8)
    }

    .ui-card.is-always-shadow,
    .ui-card.is-hover-shadow:focus,
    .ui-card.is-hover-shadow:hover {
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
    }

    .ui-card .ui-card-header {
      padding: 18px 20px;
      border-bottom: 1px solid #ebeef5;
      box-sizing: border-box;
      color: rgba(0, 0, 0, .95);
      font-size: 16px;
      font-weight: 500
    }

    .ui-card .ui-card-body {
      padding: 20px
    }

    .ui-card.ui-card-no-bordered {
      border: 0
    }

    .ui-popper .popper__arrow,
    .ui-popper .popper__arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid
    }

    .ui-popper .popper__arrow {
      border-width: 6px;
      -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
      filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
    }

    .ui-popper .popper__arrow:after {
      content: " ";
      border-width: 6px
    }

    .ui-popper[x-placement^=top] {
      margin-bottom: 12px
    }

    .ui-popper[x-placement^=top] .popper__arrow {
      bottom: -6px;
      left: 50%;
      margin-right: 3px;
      border-top-color: #ebeef5;
      border-bottom-width: 0
    }

    .ui-popper[x-placement^=top] .popper__arrow:after {
      bottom: 1px;
      margin-left: -6px;
      border-top-color: #fff;
      border-bottom-width: 0
    }

    .ui-popper[x-placement^=bottom] {
      margin-top: 12px
    }

    .ui-popper[x-placement^=bottom] .popper__arrow {
      top: -6px;
      left: 50%;
      margin-right: 3px;
      border-top-width: 0;
      border-bottom-color: #ebeef5
    }

    .ui-popper[x-placement^=bottom] .popper__arrow:after {
      top: 1px;
      margin-left: -6px;
      border-top-width: 0;
      border-bottom-color: #fff
    }

    .ui-popper[x-placement^=right] {
      margin-left: 12px
    }

    .ui-popper[x-placement^=right] .popper__arrow {
      top: 50%;
      left: -6px;
      margin-bottom: 3px;
      border-right-color: #ebeef5;
      border-left-width: 0
    }

    .ui-popper[x-placement^=right] .popper__arrow:after {
      bottom: -6px;
      left: 1px;
      border-right-color: #fff;
      border-left-width: 0
    }

    .ui-popper[x-placement^=left] {
      margin-right: 12px
    }

    .ui-popper[x-placement^=left] .popper__arrow {
      top: 50%;
      right: -6px;
      margin-bottom: 3px;
      border-right-width: 0;
      border-left-color: #ebeef5
    }

    .ui-popper[x-placement^=left] .popper__arrow:after {
      right: 1px;
      bottom: -6px;
      margin-left: -6px;
      border-right-width: 0;
      border-left-color: #fff
    }

    .ui-dropdown {
      display: inline-block;
      position: relative;
      color: #606266;
      font-size: 14px
    }

    .ui-dropdown .ui-dropdown__caret-button {
      padding-left: 5px;
      padding-right: 5px;
      position: relative;
      border-left: none
    }

    .ui-dropdown .ui-dropdown__caret-button:before {
      content: "";
      position: absolute;
      display: block;
      width: 1px;
      top: 5px;
      bottom: 5px;
      left: 0;
      background: hsla(0, 0%, 100%, .5)
    }

    .ui-dropdown .ui-dropdown__caret-button:hover:before {
      top: 0;
      bottom: 0
    }

    .ui-dropdown .ui-dropdown__caret-button .ui-dropdown__icon {
      padding-left: 0
    }

    .ui-dropdown__icon {
      font-size: 12px;
      margin: 0 3px
    }

    .ui-dropdown .ui-dropdown-selfdefine:focus:active,
    .ui-dropdown .ui-dropdown-selfdefine:focus:not(.focusing) {
      outline-width: 0
    }

    .ui-dropdown-menu {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      padding: 10px 0;
      margin: 5px 0;
      background-color: #fff;
      border: 1px solid #ebeef5;
      border-radius: 4px;
      -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
    }

    .ui-dropdown-menu-item {
      list-style: none;
      line-height: 36px;
      padding: 0 20px;
      margin: 0;
      font-size: 14px;
      color: #606266;
      cursor: pointer;
      outline: 0
    }

    .ui-dropdown-menu-item i {
      margin-right: 5px
    }

    .ui-dropdown-menu-item.is-disabled {
      cursor: default;
      color: #bbb;
      pointer-events: none
    }

    .ui-dropdown-menu-item:focus,
    .ui-dropdown-menu-item:not(.is-disabled):hover {
      background-color: #ecf5ff;
      color: #00d7c6
    }

    .ui-dropdown-menu-item-divided {
      position: relative;
      margin-top: 6px;
      border-top: 1px solid #ebeef5
    }

    .ui-dropdown-menu-item-divided:before {
      content: "";
      height: 6px;
      display: block;
      margin: 0 -20px;
      background-color: #fff
    }

    .ui-dropdown-menu--medium {
      padding: 6px 0
    }

    .ui-dropdown-menu--medium .ui-dropdown-menu-item {
      line-height: 30px;
      padding: 0 17px;
      font-size: 14px
    }

    .ui-dropdown-menu--medium .ui-dropdown-menu-item.ui-dropdown-menu-item-divided {
      margin-top: 6px
    }

    .ui-dropdown-menu--medium .ui-dropdown-menu-item.ui-dropdown-menu-item-divided:before {
      height: 6px;
      margin: 0 -17px
    }

    .ui-dropdown-menu--small {
      padding: 6px 0
    }

    .ui-dropdown-menu--small .ui-dropdown-menu-item {
      line-height: 27px;
      padding: 0 15px;
      font-size: 13px
    }

    .ui-dropdown-menu--small .ui-dropdown-menu-item.ui-dropdown-menu-item-divided {
      margin-top: 4px
    }

    .ui-dropdown-menu--small .ui-dropdown-menu-item.ui-dropdown-menu-item-divided:before {
      height: 4px;
      margin: 0 -15px
    }

    .ui-dropdown-menu--mini {
      padding: 3px 0
    }

    .ui-dropdown-menu--mini .ui-dropdown-menu-item {
      line-height: 24px;
      padding: 0 10px;
      font-size: 12px
    }

    .ui-dropdown-menu--mini .ui-dropdown-menu-item.ui-dropdown-menu-item-divided {
      margin-top: 3px
    }

    .ui-dropdown-menu--mini .ui-dropdown-menu-item.ui-dropdown-menu-item-divided:before {
      height: 3px;
      margin: 0 -10px
    }

    .ui-dropdown-link {
      cursor: pointer;
      color: #00d7c6;
      outline: none
    }

    .ui-scrollbar {
      overflow: hidden;
      position: relative
    }

    .ui-scrollbar:active>.ui-scrollbar-bar,
    .ui-scrollbar:focus>.ui-scrollbar-bar,
    .ui-scrollbar:hover>.ui-scrollbar-bar {
      opacity: 1;
      transition: opacity .34s ease-out
    }

    .ui-scrollbar-wrap {
      overflow: scroll;
      height: 100%
    }

    .ui-scrollbar-wrap-hidden-default::-webkit-scrollbar {
      width: 0;
      height: 0
    }

    .ui-scrollbar-thumb {
      position: relative;
      display: block;
      width: 0;
      height: 0;
      cursor: pointer;
      border-radius: inherit;
      background-color: rgba(144, 147, 153, .3);
      transition: background-color .3s
    }

    .ui-scrollbar-thumb:hover {
      background-color: rgba(144, 147, 153, .5)
    }

    .ui-scrollbar-bar {
      position: absolute;
      right: 2px;
      bottom: 2px;
      z-index: 1;
      border-radius: 4px;
      opacity: 0;
      transition: opacity .12s ease-out
    }

    .ui-scrollbar-bar.is-vertical {
      width: 6px;
      top: 2px
    }

    .ui-scrollbar-bar.is-vertical>div {
      width: 100%
    }

    .ui-scrollbar-bar.is-horizontal {
      height: 6px;
      left: 2px
    }

    .ui-scrollbar-bar.is-horizontal>div {
      height: 100%
    }

    .position-dialog .dialog-container {
      padding: 0
    }

    .position-dialog .dialog-container .dialog-body {
      max-height: none
    }

    .position-dialog .dialog-container .dialog-header .close {
      z-index: 2000
    }

    .position-dialog .position-selecter {
      position: relative;
      width: 890px;
      background-color: #fff;
      z-index: 1003;
      color: #414a60
    }

    .position-dialog .position-selecter .position-title {
      height: 46px;
      line-height: 26px;
      padding: 10px 23px;
      position: relative
    }

    .position-dialog .position-selecter .position-title .title {
      font-weight: 400;
      float: left
    }

    .position-dialog .position-selecter .position-title .position-search {
      margin-left: 147px
    }

    .position-dialog .position-selecter .position-title .position-search .position-input {
      position: relative;
      display: inline-block;
      width: 250px;
      height: 30px
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-icon-search {
      position: absolute;
      right: 12px;
      top: 7px;
      z-index: 1;
      font-size: 16px;
      color: #9fa3af
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select {
      display: block;
      width: 100%
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection {
      border: none
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection.ui-select-selection-focused {
      box-shadow: unset
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner {
      padding: 0
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner input {
      height: 30px;
      width: 100%;
      padding: 5px 30px 5px 20px;
      border: 1px solid #e1e6ea;
      border-radius: 15px;
      font-size: 12px;
      cursor: text
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner input:focus {
      border-color: #00d7c6;
      box-shadow: 1px 2px 3px #d7f4f1
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner .ui-icon-arrow-down {
      display: none
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown {
      box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
      max-height: 400px;
      margin: 0;
      padding: 0;
      top: 34px
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li {
      padding: 10px 2px 9px 24px;
      background-color: #fff;
      cursor: pointer
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li:hover {
      background-color: #f2f5f9
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li .p-name {
      line-height: 20px;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li .p-name .h {
      color: #18c3b1
    }

    .position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li .p-des {
      display: block;
      margin-top: 3px;
      line-height: 18px;
      font-size: 12px;
      color: #9fa3b0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .position-dialog .position-selecter .position-title .position-search .ui-dropdown-not-found {
      padding: 10px 8px;
      cursor: default
    }

    .position-dialog .position-selecter .position-content {
      overflow: hidden;
      min-height: 500px;
      max-height: 700px;
      display: flex
    }

    .position-dialog .position-selecter .position-content .position-category-wrap {
      width: 150px;
      max-height: 500px;
      padding-top: 10px;
      overflow-y: auto;
      background-color: #f9fafb
    }

    .position-dialog .position-selecter .position-content .position-category-wrap li {
      position: relative;
      white-space: nowrap;
      height: 40px;
      line-height: 40px;
      color: #424a5e;
      padding-left: 23px;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer
    }

    .position-dialog .position-selecter .position-content .position-category-wrap li.active {
      background-color: #fff
    }

    .position-dialog .position-selecter .position-content .position-category-wrap li.active:before {
      content: "";
      position: absolute;
      height: 100%;
      width: 4px;
      background-color: #5dd5c8;
      left: 0;
      top: 0
    }

    .position-dialog .position-selecter .position-content .position-list-wrap {
      flex: 1;
      max-height: 500px;
      overflow-y: auto;
      padding: 10px 22px 22px
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .navs {
      height: 40px;
      zoom: 1;
      overflow: hidden
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .navs span {
      width: 25%;
      float: left;
      line-height: 40px;
      cursor: pointer;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .navs span:hover {
      color: #5dd5c8
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-three:before {
      content: "+";
      display: inline-block;
      width: 12px;
      height: 12px;
      color: #2cc7b7;
      border: 1px solid #2cc7b7;
      line-height: 9px;
      text-align: center;
      margin-right: 5px
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-three.active:before {
      content: "-"
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-two.active {
      color: #2cc7b7
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-title {
      width: 100%;
      font-size: 13px;
      color: #00c2b3;
      padding-left: 21px;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-light.8fa14f4.8fa14f47.png) no-repeat 0;
      background-size: 11px auto;
      cursor: default
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .position-list {
      border: 1px solid #f3f3f3;
      zoom: 1;
      overflow: hidden;
      padding: 8px 0
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .position-list span {
      display: inline-block;
      width: 25%;
      float: left;
      padding: 6px 0 6px 17px;
      color: #9fa3af;
      line-height: 40px;
      cursor: pointer;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden
    }

    .position-dialog .position-selecter .position-content .position-list-wrap .position-list span.active {
      color: #2cc7b7
    }

    .industry-selecter .dialog-container {
      padding: 0;
      width: 850px;
      background-color: #fff;
      box-shadow: 0 0 14px rgba(0, 0, 0, .11)
    }

    .industry-selecter .dialog-container .dialog-header {
      height: 60px;
      line-height: 59px;
      border-bottom: 1px solid #f5f6f9
    }

    .industry-selecter .dialog-container .dialog-header .title {
      font-size: 16px;
      color: #434a5e;
      padding-left: 20px;
      font-weight: 400
    }

    .industry-selecter .dialog-container .dialog-header .close {
      top: 16px;
      overflow: hidden
    }

    .industry-selecter .dialog-container .dialog-header .close:hover {
      background-color: #ddd
    }

    .industry-selecter .dialog-container .dialog-header .close .icon-close {
      vertical-align: unset;
      position: unset
    }

    .industry-selecter .industry-title {
      height: 60px;
      border-bottom: 1px solid #f5f6f9;
      position: relative
    }

    .industry-selecter .industry-title .title {
      color: #434a5e;
      font-size: 16px;
      font-weight: 400;
      padding-left: 20px;
      line-height: 60px
    }

    .industry-selecter .industry-title .btn-close {
      position: absolute;
      width: 24px;
      height: 24px;
      right: 15px;
      top: 10px;
      font-size: 24px;
      color: #e1e6ea;
      cursor: pointer
    }

    .industry-selecter .industry-title .btn-close:hover i {
      background-color: #ddd;
      color: #414a60;
      transition: all .2s linear
    }

    .industry-selecter .industry-content {
      background-color: #fff
    }

    .industry-selecter .industry-content .industry-tip {
      height: 48px;
      padding: 0 20px
    }

    .industry-selecter .industry-content .industry-tip .confirm {
      float: right;
      height: 24px;
      line-height: 24px;
      padding: 0 20px;
      color: #fff;
      border-radius: 12px;
      margin-top: 12px;
      cursor: pointer;
      background-color: #5dd5c8
    }

    .industry-selecter .industry-content .industry-tip .ui-select {
      width: auto
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-dropdown {
      width: 220px !important
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection {
      border: none
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection.ui-select-selection-focused {
      box-shadow: unset
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner {
      padding: 0
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag {
      height: 24px;
      padding: 0 10px;
      margin-right: 12px;
      border-radius: 12px;
      background-color: unset;
      border: 1px solid #9ee6de;
      color: #00c2b3;
      line-height: 22px
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag .ui-tag-text {
      display: inline-block;
      max-width: 80px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      vertical-align: top
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag .ui-icon-close {
      width: 12px;
      height: 12px;
      margin: 2px -2px 0 0
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag:last-of-type {
      margin-right: 0
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-select-input {
      width: 40px !important
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-select-input:focus {
      box-shadow: unset;
      border: none
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-icon-arrow-down {
      display: none
    }

    .industry-selecter .industry-content .industry-tip .ui-select .ui-select-dropdown {
      margin-top: 10px
    }

    .industry-selecter .industry-content .industry-tip .tip-txt {
      color: #d1d4db;
      font-size: 14px;
      line-height: 48px
    }

    .industry-selecter .industry-content .industry-panel {
      max-height: 442px;
      overflow-y: auto
    }

    .industry-selecter .industry-content .industry-panel .industry-item {
      font-size: 14px;
      display: table;
      width: 100%
    }

    .industry-selecter .industry-content .industry-panel .industry-item:nth-child(odd) {
      background-color: #f9fafb
    }

    .industry-selecter .industry-content .industry-panel .industry-item .industry-category {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 200px;
      border-right: 1px solid #f5f6f9
    }

    .industry-selecter .industry-content .industry-panel .industry-item .industry-category-item {
      padding: 15px 20px 5px;
      line-height: 26px
    }

    .industry-selecter .industry-content .industry-panel .industry-item .industry-category-item span {
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 32%;
      overflow: hidden;
      cursor: pointer
    }

    .industry-selecter .industry-content .industry-panel .industry-item .industry-category-item span.active,
    .industry-selecter .industry-content .industry-panel .industry-item .industry-category-item span:hover {
      color: #00c2b3
    }

    .industry-dialog .dialog-body {
      overflow: visible
    }

    .skill-tag-selecter .ui-select {
      width: 100%;
      display: block
    }

    .skill-tag-selecter .ui-select .ui-select-dropdown {
      max-height: 300px
    }

    .skill-tag-selecter .ui-select .ui-select-item {
      width: 20%;
      float: left;
      clear: none;
      padding: 0 0 0 10px;
      height: 40px
    }

    .skill-tag-selecter .ui-select .ui-select-item:hover {
      background-color: unset
    }

    .skill-tag-selecter .ui-select .ui-select-item .ui-tag {
      display: block;
      padding: 0 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-top: 10px;
      background: none;
      border: 1px solid #fff
    }

    .skill-tag-selecter .ui-select .ui-select-item .ui-tag:hover {
      background-color: #f2f5fa;
      border-color: #f2f5fa
    }

    .skill-tag-selecter .ui-select .ui-select-item-selected .ui-tag,
    .skill-tag-selecter .ui-select .ui-select-item-selected .ui-tag:hover {
      color: #00c2b3;
      border-color: #9ee6de;
      background-color: #fff
    }

    .skill-tag-selecter .ui-select .ui-dropdown-not-found {
      padding: 0
    }

    .skill-tag-selecter .ui-select .ui-dropdown-not-found .tip-box {
      background-color: #f2f5fa;
      line-height: 40px;
      padding: 0 17px;
      text-align: left;
      font-size: 14px
    }

    .skill-tag-selecter .ui-select .ui-dropdown-not-found .tip-box span {
      float: right;
      color: #d1d4db
    }

    .skill-tag-selecter .ui-select .ui-dropdown-not-found .tip-box i {
      color: #16c3b1;
      font-style: normal
    }

    .skill-tag-selecter .ui-select-multiple .ui-select-item-selected:after {
      display: none
    }

    .serial-selecter .serial-toolbar {
      height: 39px;
      border: 1px solid #e3e7ed;
      border-bottom: none;
      background-color: #f8f9fb;
      padding-left: 4px
    }

    .serial-selecter .serial-toolbar .serial-btn {
      position: relative;
      display: inline-block;
      width: 35px;
      height: 38px;
      font-size: 20px;
      line-height: 38px;
      text-align: center;
      cursor: pointer;
      color: #9fa3b0
    }

    .serial-selecter .serial-toolbar .serial-btn:hover {
      color: #00c2b3
    }

    .serial-selecter .serial-toolbar .serial-btn:hover .tip {
      display: block
    }

    .serial-selecter .serial-toolbar .serial-btn .tip {
      position: absolute;
      z-index: 1;
      top: -30px;
      left: -18px;
      display: none;
      font-style: normal;
      font-size: 14px;
      cursor: pointer;
      width: 70px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #61687c;
      background-color: #fff;
      border: 1px solid #f3f4f6;
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06)
    }

    .serial-selecter .serial-toolbar .serial-btn .tip:hover {
      color: #00c2b3
    }

    .serial-selecter .serial-toolbar .serial-btn .tip:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: -20px;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-top-color: #fff;
      z-index: 2
    }

    .scope-selecter {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center
    }

    .scope-selecter .scope-separator {
      display: block;
      margin: 0 10px
    }

    .scope-selecter .scope-select {
      flex: 1;
      height: 100%
    }

    .scope-selecter .scope-select .ui-select-selection {
      height: 100%
    }

    .scope-selecter .scope-select .ui-select-selection .ui-select-inner {
      height: 100%;
      display: flex;
      align-items: center;
      padding: 0
    }

    .scope-selecter .scope-select .ui-select-selection .ui-select-inner span {
      margin-left: 15px
    }

    .scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder {
      color: #8d92a1
    }

    .el-textarea {
      position: relative;
      display: inline-block;
      width: 100%;
      vertical-align: bottom;
      font-size: 14px
    }

    .el-textarea__inner {
      display: block;
      resize: vertical;
      padding: 5px 15px;
      line-height: 1.5;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      font-size: inherit;
      color: #606266;
      background-color: #fff;
      background-image: none;
      border: 1px solid #dcdfe6;
      border-radius: 4px;
      -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
      transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-textarea__inner::-webkit-input-placeholder {
      color: #c0c4cc
    }

    .el-textarea__inner:-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-textarea__inner::-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-textarea__inner::placeholder {
      color: #c0c4cc
    }

    .el-textarea__inner:hover {
      border-color: #c0c4cc
    }

    .el-textarea__inner:focus {
      outline: 0;
      border-color: #54d8c9
    }

    .el-textarea .el-input__count {
      color: #909399;
      background: #fff;
      position: absolute;
      font-size: 12px;
      bottom: 5px;
      right: 10px
    }

    .el-textarea.is-disabled .el-textarea__inner {
      background-color: #f5f7fa;
      border-color: #e4e7ed;
      color: #c0c4cc;
      cursor: not-allowed
    }

    .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
      color: #c0c4cc
    }

    .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-textarea.is-disabled .el-textarea__inner::placeholder {
      color: #c0c4cc
    }

    .el-textarea.is-exceed .el-textarea__inner {
      border-color: #f56c6c
    }

    .el-textarea.is-exceed .el-input__count {
      color: #f56c6c
    }

    .el-input {
      position: relative;
      font-size: 14px;
      display: inline-block;
      width: 100%
    }

    .el-input::-webkit-scrollbar {
      z-index: 11;
      width: 6px
    }

    .el-input::-webkit-scrollbar:horizontal {
      height: 6px
    }

    .el-input::-webkit-scrollbar-thumb {
      border-radius: 5px;
      width: 6px;
      background: #b4bccc
    }

    .el-input::-webkit-scrollbar-corner,
    .el-input::-webkit-scrollbar-track {
      background: #fff
    }

    .el-input::-webkit-scrollbar-track-piece {
      background: #fff;
      width: 6px
    }

    .el-input .el-input__clear {
      color: #c0c4cc;
      font-size: 14px;
      cursor: pointer;
      -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
      transition: color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-input .el-input__clear:hover {
      color: #909399
    }

    .el-input .el-input__count {
      height: 100%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #909399;
      font-size: 12px
    }

    .el-input .el-input__count .el-input__count-inner {
      background: #fff;
      line-height: normal;
      display: inline-block;
      padding: 0 5px
    }

    .el-input__inner {
      -webkit-appearance: none;
      background-color: #fff;
      background-image: none;
      border-radius: 4px;
      border: 1px solid #dcdfe6;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #606266;
      display: inline-block;
      font-size: inherit;
      height: 40px;
      line-height: 40px;
      outline: 0;
      padding: 0 15px;
      -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
      transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
      width: 100%
    }

    .el-input__prefix,
    .el-input__suffix {
      position: absolute;
      top: 0;
      -webkit-transition: all .3s;
      text-align: center;
      height: 100%;
      color: #c0c4cc
    }

    .el-input__inner::-webkit-input-placeholder {
      color: #c0c4cc
    }

    .el-input__inner:-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-input__inner::-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-input__inner::placeholder {
      color: #c0c4cc
    }

    .el-input__inner:hover {
      border-color: #54d8c9
    }

    .el-input.is-active .el-input__inner,
    .el-input__inner:focus {
      border-color: #54d8c9;
      outline: 0
    }

    .el-input__suffix {
      right: 5px;
      transition: all .3s;
      pointer-events: none
    }

    .el-input__suffix-inner {
      pointer-events: all
    }

    .el-input__prefix {
      left: 5px;
      transition: all .3s
    }

    .el-input__icon {
      height: 100%;
      width: 25px;
      text-align: center;
      -webkit-transition: all .3s;
      transition: all .3s;
      line-height: 40px
    }

    .el-input__icon:after {
      content: "";
      height: 100%;
      width: 0;
      display: inline-block;
      vertical-align: middle
    }

    .el-input__validateIcon {
      pointer-events: none
    }

    .el-input.is-disabled .el-input__inner {
      background-color: #f5f7fa;
      border-color: #e4e7ed;
      color: #c0c4cc;
      cursor: not-allowed
    }

    .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
      color: #c0c4cc
    }

    .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-input.is-disabled .el-input__inner::placeholder {
      color: #c0c4cc
    }

    .el-input.is-disabled .el-input__icon {
      cursor: not-allowed
    }

    .el-input.is-exceed .el-input__inner {
      border-color: #f56c6c
    }

    .el-input.is-exceed .el-input__suffix .el-input__count {
      color: #f56c6c
    }

    .el-input--suffix .el-input__inner {
      padding-right: 30px
    }

    .el-input--prefix .el-input__inner {
      padding-left: 30px
    }

    .el-input--medium {
      font-size: 14px
    }

    .el-input--medium .el-input__inner {
      height: 36px;
      line-height: 36px
    }

    .el-input--medium .el-input__icon {
      line-height: 36px
    }

    .el-input--small {
      font-size: 13px
    }

    .el-input--small .el-input__inner {
      height: 32px;
      line-height: 32px
    }

    .el-input--small .el-input__icon {
      line-height: 32px
    }

    .el-input--mini {
      font-size: 12px
    }

    .el-input--mini .el-input__inner {
      height: 28px;
      line-height: 28px
    }

    .el-input--mini .el-input__icon {
      line-height: 28px
    }

    .el-input-group {
      line-height: normal;
      display: inline-table;
      width: 100%;
      border-collapse: separate;
      border-spacing: 0
    }

    .el-input-group>.el-input__inner {
      vertical-align: middle;
      display: table-cell
    }

    .el-input-group__append,
    .el-input-group__prepend {
      background-color: #f5f7fa;
      color: #909399;
      vertical-align: middle;
      display: table-cell;
      position: relative;
      border: 1px solid #dcdfe6;
      border-radius: 4px;
      padding: 0 20px;
      width: 1px;
      white-space: nowrap
    }

    .el-input-group--prepend .el-input__inner,
    .el-input-group__append {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }

    .el-input-group--append .el-input__inner,
    .el-input-group__prepend {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .el-input-group__append:focus,
    .el-input-group__prepend:focus {
      outline: 0
    }

    .el-input-group__append .el-button,
    .el-input-group__append .el-select,
    .el-input-group__prepend .el-button,
    .el-input-group__prepend .el-select {
      display: inline-block;
      margin: -10px -20px
    }

    .el-input-group__append button.el-button,
    .el-input-group__append div.el-select .el-input__inner,
    .el-input-group__append div.el-select:hover .el-input__inner,
    .el-input-group__prepend button.el-button,
    .el-input-group__prepend div.el-select .el-input__inner,
    .el-input-group__prepend div.el-select:hover .el-input__inner {
      border-color: transparent;
      background-color: transparent;
      color: inherit;
      border-top: 0;
      border-bottom: 0
    }

    .el-input-group__append .el-button,
    .el-input-group__append .el-input,
    .el-input-group__prepend .el-button,
    .el-input-group__prepend .el-input {
      font-size: inherit
    }

    .el-input-group__prepend {
      border-right: 0
    }

    .el-input-group__append {
      border-left: 0
    }

    .el-input-group--append .el-select .el-input.is-focus .el-input__inner,
    .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
      border-color: transparent
    }

    .el-input__inner::-ms-clear {
      display: none;
      width: 0;
      height: 0
    }

    .el-scrollbar {
      overflow: hidden;
      position: relative
    }

    .el-scrollbar:active>.el-scrollbar__bar,
    .el-scrollbar:focus>.el-scrollbar__bar,
    .el-scrollbar:hover>.el-scrollbar__bar {
      opacity: 1;
      -webkit-transition: opacity .34s ease-out;
      transition: opacity .34s ease-out
    }

    .el-scrollbar__wrap {
      overflow: scroll;
      height: 100%
    }

    .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
      width: 0;
      height: 0
    }

    .el-scrollbar__thumb {
      position: relative;
      display: block;
      width: 0;
      height: 0;
      cursor: pointer;
      border-radius: inherit;
      background-color: rgba(144, 147, 153, .3);
      -webkit-transition: background-color .3s;
      transition: background-color .3s
    }

    .el-scrollbar__thumb:hover {
      background-color: rgba(144, 147, 153, .5)
    }

    .el-scrollbar__bar {
      position: absolute;
      right: 2px;
      bottom: 2px;
      z-index: 1;
      border-radius: 4px;
      opacity: 0;
      -webkit-transition: opacity .12s ease-out;
      transition: opacity .12s ease-out
    }

    .el-scrollbar__bar.is-vertical {
      width: 6px;
      top: 2px
    }

    .el-scrollbar__bar.is-vertical>div {
      width: 100%
    }

    .el-scrollbar__bar.is-horizontal {
      height: 6px;
      left: 2px
    }

    .el-scrollbar__bar.is-horizontal>div {
      height: 100%
    }

    .el-date-table.is-week-mode .el-date-table__row.current div,
    .el-date-table.is-week-mode .el-date-table__row:hover div,
    .el-date-table td.in-range div,
    .el-date-table td.in-range div:hover {
      background-color: #e5fffc;
      color: #54d8c9
    }

    .el-date-table {
      font-size: 12px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
      color: #606266
    }

    .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
      margin-left: 5px;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px
    }

    .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
      margin-right: 5px;
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px
    }

    .el-date-table td {
      width: 32px;
      padding: 4px 0;
      text-align: center;
      cursor: pointer;
      position: relative
    }

    .el-date-table td,
    .el-date-table td div {
      height: 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .el-date-table td div {
      padding: 3px 0
    }

    .el-date-table td span {
      width: 24px;
      height: 24px;
      display: block;
      margin: 0 auto;
      line-height: 24px;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      border-radius: 50%
    }

    .el-date-table td.next-month,
    .el-date-table td.prev-month {
      color: #c0c4cc
    }

    .el-date-table td.today {
      position: relative
    }

    .el-date-table td.today span {
      color: #54d8c9;
      font-weight: 700;
      border-radius: 4px;
      border: 1px solid #54d8c9
    }

    .el-date-table td.today.end-date span,
    .el-date-table td.today.start-date span {
      color: #fff
    }

    .el-date-table td.available:hover {
      color: #54d8c9
    }

    .el-date-table td.current:not(.disabled) span {
      color: #fff;
      background-color: #54d8c9;
      border-radius: 4px;
      border: 1px solid #54d8c9
    }

    .el-date-table td.end-date div,
    .el-date-table td.start-date div {
      color: #fff
    }

    .el-date-table td.end-date span,
    .el-date-table td.start-date span {
      background-color: #54d8c9;
      color: #fff;
      border-radius: 4px
    }

    .el-date-table td.start-date div {
      margin-left: 5px;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px
    }

    .el-date-table td.end-date div {
      margin-right: 5px;
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px
    }

    .el-date-table td.disabled div {
      background-color: #f5f7fa;
      opacity: 1;
      cursor: not-allowed;
      color: #c0c4cc
    }

    .el-date-table td.selected div {
      margin-left: 5px;
      margin-right: 5px;
      background-color: #f2f6fc;
      border-radius: 15px
    }

    .el-date-table td.selected div:hover {
      background-color: #f2f6fc
    }

    .el-date-table td.selected span {
      background-color: #54d8c9;
      color: #fff;
      border-radius: 15px
    }

    .el-date-table td.week {
      font-size: 80%;
      color: #606266
    }

    .el-date-table th {
      padding: 5px;
      color: #606266;
      font-weight: 400;
      border-bottom: 1px solid #ebeef5
    }

    .el-month-table {
      font-size: 12px;
      margin: -1px;
      border-collapse: collapse
    }

    .el-month-table td {
      text-align: center;
      padding: 8px 0;
      cursor: pointer
    }

    .el-month-table td div {
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .el-month-table td.today .cell {
      color: #54d8c9;
      border: 1px solid #54d8c9;
      border-radius: 4px;
      font-weight: 700
    }

    .el-month-table td.today.end-date .cell,
    .el-month-table td.today.start-date .cell {
      color: #fff
    }

    .el-month-table td.disabled .cell {
      background-color: #f5f7fa;
      cursor: not-allowed;
      color: #c0c4cc
    }

    .el-month-table td.disabled .cell:hover {
      color: #c0c4cc
    }

    .el-month-table td .cell {
      height: 36px;
      display: block;
      line-height: 36px;
      color: #606266;
      margin: 0 auto;
      border-radius: 18px
    }

    .el-month-table td .cell:hover {
      background-color: #e5fffc;
      color: #54d8c9;
      border-radius: 4px
    }

    .el-month-table td.in-range .cell {
      color: #54d8c9
    }

    .el-month-table td.in-range div,
    .el-month-table td.in-range div:hover {
      background-color: #e5fffc
    }

    .el-month-table td.end-date div,
    .el-month-table td.start-date div {
      color: #fff
    }

    .el-month-table td.end-date .cell,
    .el-month-table td.start-date .cell {
      color: #fff;
      background-color: #54d8c9;
      border-radius: 4px
    }

    .el-month-table td.start-date div {
      border-top-left-radius: 24px;
      border-bottom-left-radius: 24px
    }

    .el-month-table td.current:not(.disabled) .cell {
      background-color: #54d8c9;
      color: #fff;
      border-radius: 4px
    }

    .el-year-table {
      font-size: 12px;
      margin: -1px;
      border-collapse: collapse
    }

    .el-year-table .el-icon {
      color: #303133
    }

    .el-year-table td {
      text-align: center;
      padding: 20px 3px;
      cursor: pointer
    }

    .el-year-table td.today .cell {
      color: #54d8c9;
      border: 1px solid #54d8c9;
      border-radius: 4px;
      font-weight: 700
    }

    .el-year-table td.disabled .cell {
      background-color: #f5f7fa;
      cursor: not-allowed;
      color: #c0c4cc
    }

    .el-year-table td.disabled .cell:hover {
      color: #c0c4cc
    }

    .el-year-table td .cell {
      width: 48px;
      height: 32px;
      display: block;
      line-height: 32px;
      color: #606266;
      margin: 0 auto
    }

    .el-year-table td .cell:hover {
      background-color: #e5fffc;
      border-radius: 4px;
      color: #54d8c9
    }

    .el-year-table td.current:not(.disabled) .cell {
      background-color: #54d8c9;
      border: 1px solid #54d8c9;
      border-radius: 4px;
      color: #fff
    }

    .el-time-spinner {
      padding-top: 40px;
      position: relative
    }

    .el-time-spinner-head {
      position: absolute;
      height: 40px;
      width: 100%;
      left: 0;
      top: 0;
      overflow: hidden;
      font-size: 14px;
      border-bottom: 1px solid #c0c4cc
    }

    .el-time-spinner-head li {
      width: 50%;
      text-align: center;
      line-height: 40px;
      float: left
    }

    .has-seconds .el-time-spinner-head li {
      width: 33.33%
    }

    .el-time-spinner.has-seconds .el-time-spinner__wrapper {
      width: 33.3%;
      overflow-x: hidden
    }

    .el-time-spinner__wrapper {
      max-height: 190px;
      overflow: auto;
      display: inline-block;
      width: 50%;
      vertical-align: top;
      position: relative;
      overflow-x: hidden
    }

    .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
      padding-bottom: 15px
    }

    .el-time-spinner__wrapper.is-arrow {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      overflow: hidden
    }

    .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
      -webkit-transform: translateY(-32px);
      transform: translateY(-32px)
    }

    .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
      background: #fff;
      cursor: default
    }

    .el-time-spinner__arrow {
      font-size: 12px;
      color: #909399;
      position: absolute;
      left: 0;
      width: 100%;
      z-index: 1;
      text-align: center;
      height: 30px;
      line-height: 30px;
      cursor: pointer
    }

    .el-time-spinner__arrow:hover {
      color: #54d8c9
    }

    .el-time-spinner__arrow.el-icon-arrow-up {
      top: 10px
    }

    .el-time-spinner__arrow.el-icon-arrow-down {
      bottom: 10px
    }

    .el-time-spinner__input.el-input {
      width: 70%
    }

    .el-time-spinner__input.el-input .el-input__inner,
    .el-time-spinner__list {
      padding: 0;
      text-align: center
    }

    .el-time-spinner__list {
      margin: 0;
      list-style: none
    }

    .el-time-spinner__list:after,
    .el-time-spinner__list:before {
      content: "";
      display: block;
      width: 100%;
      height: 80px
    }

    .el-time-spinner__item {
      height: 32px;
      line-height: 32px;
      font-size: 12px;
      color: #606266
    }

    .el-time-spinner__item:hover:not(.disabled):not(.active) {
      background: #f5f7fa;
      cursor: pointer
    }

    .el-time-spinner__item.active:not(.disabled) {
      color: #54d8c9;
      background-color: #f4f7f9;
      font-weight: 700
    }

    .el-time-spinner__item.disabled {
      color: #c0c4cc;
      cursor: not-allowed
    }

    .el-time-spinner__input.el-input .el-input__inner,
    .el-time-spinner__list {
      padding: 0;
      text-align: center
    }

    .el-fade-in-linear-enter-active,
    .el-fade-in-linear-leave-active,
    .fade-in-linear-enter-active,
    .fade-in-linear-leave-active {
      -webkit-transition: opacity .2s linear;
      transition: opacity .2s linear
    }

    .el-fade-in-enter-active,
    .el-fade-in-leave-active,
    .el-zoom-in-center-enter-active,
    .el-zoom-in-center-leave-active {
      -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
      transition: all .3s cubic-bezier(.55, 0, .1, 1)
    }

    .el-zoom-in-center-enter,
    .el-zoom-in-center-leave-active {
      opacity: 0;
      -webkit-transform: scaleX(0);
      transform: scaleX(0)
    }

    .el-zoom-in-top-enter-active,
    .el-zoom-in-top-leave-active {
      opacity: 1;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      -webkit-transform-origin: center top;
      transform-origin: center top
    }

    .el-zoom-in-top-enter,
    .el-zoom-in-top-leave-active {
      opacity: 0;
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
    }

    .el-zoom-in-bottom-enter-active,
    .el-zoom-in-bottom-leave-active {
      opacity: 1;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom
    }

    .el-zoom-in-bottom-enter,
    .el-zoom-in-bottom-leave-active {
      opacity: 0;
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
    }

    .el-zoom-in-left-enter-active,
    .el-zoom-in-left-leave-active {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      -webkit-transform-origin: top left;
      transform-origin: top left
    }

    .el-zoom-in-left-enter,
    .el-zoom-in-left-leave-active {
      opacity: 0;
      -webkit-transform: scale(.45);
      transform: scale(.45)
    }

    .collapse-transition {
      -webkit-transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out;
      transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
    }

    .horizontal-collapse-transition {
      -webkit-transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out;
      transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
    }

    .el-list-enter-active,
    .el-list-leave-active {
      -webkit-transition: all 1s;
      transition: all 1s
    }

    .el-list-enter,
    .el-list-leave-active {
      opacity: 0;
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px)
    }

    .el-opacity-transition {
      -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1);
      transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
    }

    .el-fade-in-enter,
    .el-fade-in-leave-active,
    .el-fade-in-linear-enter,
    .el-fade-in-linear-leave,
    .el-fade-in-linear-leave-active,
    .fade-in-linear-enter,
    .fade-in-linear-leave,
    .fade-in-linear-leave-active {
      opacity: 0
    }

    .el-date-editor {
      position: relative;
      display: inline-block;
      text-align: left
    }

    .el-date-editor.el-input,
    .el-date-editor.el-input__inner {
      width: 220px
    }

    .el-date-editor--monthrange.el-input,
    .el-date-editor--monthrange.el-input__inner {
      width: 300px
    }

    .el-date-editor--daterange.el-input,
    .el-date-editor--daterange.el-input__inner,
    .el-date-editor--timerange.el-input,
    .el-date-editor--timerange.el-input__inner {
      width: 350px
    }

    .el-date-editor--datetimerange.el-input,
    .el-date-editor--datetimerange.el-input__inner {
      width: 400px
    }

    .el-date-editor--dates .el-input__inner {
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .el-date-editor .el-icon-circle-close {
      cursor: pointer
    }

    .el-date-editor .el-range__icon {
      font-size: 14px;
      margin-left: -5px;
      color: #c0c4cc;
      float: left;
      line-height: 32px
    }

    .el-date-editor .el-range-input,
    .el-date-editor .el-range-separator {
      height: 100%;
      margin: 0;
      text-align: center;
      display: inline-block;
      font-size: 14px
    }

    .el-date-editor .el-range-input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      outline: 0;
      padding: 0;
      width: 39%;
      color: #606266
    }

    .el-date-editor .el-range-input::-webkit-input-placeholder {
      color: #c0c4cc
    }

    .el-date-editor .el-range-input:-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-date-editor .el-range-input::-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-date-editor .el-range-input::placeholder {
      color: #c0c4cc
    }

    .el-date-editor .el-range-separator {
      padding: 0 5px;
      line-height: 32px;
      width: 5%;
      color: #303133
    }

    .el-date-editor .el-range__close-icon {
      font-size: 14px;
      color: #c0c4cc;
      width: 25px;
      display: inline-block;
      float: right;
      line-height: 32px
    }

    .el-range-editor.el-input__inner {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 3px 10px
    }

    .el-range-editor .el-range-input {
      line-height: 1
    }

    .el-range-editor.is-active,
    .el-range-editor.is-active:hover {
      border-color: #54d8c9
    }

    .el-range-editor--medium.el-input__inner {
      height: 36px
    }

    .el-range-editor--medium .el-range-separator {
      line-height: 28px;
      font-size: 14px
    }

    .el-range-editor--medium .el-range-input {
      font-size: 14px
    }

    .el-range-editor--medium .el-range__close-icon,
    .el-range-editor--medium .el-range__icon {
      line-height: 28px
    }

    .el-range-editor--small.el-input__inner {
      height: 32px
    }

    .el-range-editor--small .el-range-separator {
      line-height: 24px;
      font-size: 13px
    }

    .el-range-editor--small .el-range-input {
      font-size: 13px
    }

    .el-range-editor--small .el-range__close-icon,
    .el-range-editor--small .el-range__icon {
      line-height: 24px
    }

    .el-range-editor--mini.el-input__inner {
      height: 28px
    }

    .el-range-editor--mini .el-range-separator {
      line-height: 20px;
      font-size: 12px
    }

    .el-range-editor--mini .el-range-input {
      font-size: 12px
    }

    .el-range-editor--mini .el-range__close-icon,
    .el-range-editor--mini .el-range__icon {
      line-height: 20px
    }

    .el-range-editor.is-disabled {
      background-color: #f5f7fa;
      border-color: #e4e7ed;
      color: #c0c4cc;
      cursor: not-allowed
    }

    .el-range-editor.is-disabled:focus,
    .el-range-editor.is-disabled:hover {
      border-color: #e4e7ed
    }

    .el-range-editor.is-disabled input {
      background-color: #f5f7fa;
      color: #c0c4cc;
      cursor: not-allowed
    }

    .el-range-editor.is-disabled input::-webkit-input-placeholder {
      color: #c0c4cc
    }

    .el-range-editor.is-disabled input:-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-range-editor.is-disabled input::-ms-input-placeholder {
      color: #c0c4cc
    }

    .el-range-editor.is-disabled input::placeholder {
      color: #c0c4cc
    }

    .el-range-editor.is-disabled .el-range-separator {
      color: #c0c4cc
    }

    .el-picker-panel {
      color: #606266;
      border: 1px solid #e4e7ed;
      -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      background: #fff;
      border-radius: 4px;
      line-height: 30px;
      margin: 5px 0
    }

    .el-picker-panel__body-wrapper:after,
    .el-picker-panel__body:after {
      content: "";
      display: table;
      clear: both
    }

    .el-picker-panel__content {
      position: relative;
      margin: 15px
    }

    .el-picker-panel__footer {
      border-top: 1px solid #e4e4e4;
      padding: 4px;
      text-align: right;
      background-color: #fff;
      position: relative;
      font-size: 0
    }

    .el-picker-panel__shortcut {
      display: block;
      width: 100%;
      border: 0;
      background-color: transparent;
      line-height: 28px;
      font-size: 14px;
      color: #606266;
      padding-left: 12px;
      text-align: left;
      outline: 0;
      cursor: pointer
    }

    .el-picker-panel__shortcut:hover {
      background-color: #f4f7f9;
      color: #54d8c9
    }

    .el-picker-panel__shortcut.active {
      background-color: #e6f1fe;
      color: #54d8c9
    }

    .el-picker-panel__btn {
      border: 1px solid #dcdcdc;
      color: #333;
      line-height: 24px;
      border-radius: 2px;
      padding: 0 20px;
      cursor: pointer;
      background-color: transparent;
      outline: 0;
      font-size: 12px
    }

    .el-picker-panel__btn[disabled] {
      color: #ccc;
      cursor: not-allowed
    }

    .el-picker-panel__icon-btn {
      font-size: 12px;
      color: #303133;
      border: 0;
      background: 0 0;
      cursor: pointer;
      outline: 0;
      margin-top: 0
    }

    .el-picker-panel__icon-btn:hover {
      color: #54d8c9
    }

    .el-picker-panel__icon-btn.is-disabled {
      color: #bbb
    }

    .el-picker-panel__icon-btn.is-disabled:hover {
      cursor: not-allowed
    }

    .el-picker-panel__link-btn {
      vertical-align: middle;
      color: #54d8c9;
      border: none;
      margin-right: 10px;
      cursor: pointer;
      font-size: 14px;
      background-color: unset
    }

    .el-picker-panel__link-btn.btn-cancal {
      color: #606266
    }

    .el-picker-panel [slot=sidebar],
    .el-picker-panel__sidebar {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 110px;
      border-right: 1px solid #e4e4e4;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-top: 6px;
      background-color: #fff;
      overflow: auto
    }

    .el-picker-panel [slot=sidebar]+.el-picker-panel__body,
    .el-picker-panel__sidebar+.el-picker-panel__body {
      margin-left: 110px
    }

    .el-date-picker {
      width: 322px
    }

    .el-date-picker.has-sidebar.has-time {
      width: 434px
    }

    .el-date-picker.has-sidebar {
      width: 438px
    }

    .el-date-picker.has-time .el-picker-panel__body-wrapper {
      position: relative
    }

    .el-date-picker .el-picker-panel__content {
      width: 292px
    }

    .el-date-picker table {
      table-layout: fixed;
      width: 100%
    }

    .el-date-picker__editor-wrap {
      position: relative;
      display: table-cell;
      padding: 0 5px
    }

    .el-date-picker__time-header {
      position: relative;
      border-bottom: 1px solid #e4e4e4;
      font-size: 12px;
      padding: 8px 5px 5px;
      display: table;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .el-date-picker__header {
      margin: 12px;
      text-align: center
    }

    .el-date-picker__header--bordered {
      margin-bottom: 0;
      padding-bottom: 12px;
      border-bottom: 1px solid #ebeef5
    }

    .el-date-picker__header--bordered+.el-picker-panel__content {
      margin-top: 0
    }

    .el-date-picker__header-label {
      font-size: 16px;
      font-weight: 500;
      padding: 0 5px;
      line-height: 22px;
      text-align: center;
      cursor: pointer;
      color: #606266
    }

    .el-date-picker__header-label.active,
    .el-date-picker__header-label:hover {
      color: #54d8c9;
      background-color: #e5fffc;
      padding: 5px;
      border-radius: 4px
    }

    .el-date-picker__prev-btn {
      float: left
    }

    .el-date-picker__next-btn {
      float: right
    }

    .el-date-picker__time-wrap {
      padding: 10px;
      text-align: center
    }

    .el-date-picker__time-label {
      float: left;
      cursor: pointer;
      line-height: 30px;
      margin-left: 10px
    }

    .el-date-range-picker {
      width: 646px
    }

    .el-date-range-picker.has-sidebar {
      width: 756px
    }

    .el-date-range-picker table {
      table-layout: fixed;
      width: 100%
    }

    .el-date-range-picker .el-picker-panel__body {
      min-width: 513px
    }

    .el-date-range-picker .el-picker-panel__content {
      margin: 0
    }

    .el-date-range-picker__header {
      position: relative;
      text-align: center;
      height: 28px
    }

    .el-date-range-picker__header [class*=arrow-left] {
      float: left
    }

    .el-date-range-picker__header [class*=arrow-right] {
      float: right
    }

    .el-date-range-picker__header div {
      font-size: 16px;
      font-weight: 500;
      margin-right: 50px
    }

    .el-date-range-picker__content {
      float: left;
      width: 50%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 16px
    }

    .el-date-range-picker__content.is-left {
      border-right: 1px solid #e4e4e4
    }

    .el-date-range-picker__content .el-date-range-picker__header div {
      margin-left: 50px;
      margin-right: 50px
    }

    .el-date-range-picker__editors-wrap {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: table-cell
    }

    .el-date-range-picker__editors-wrap.is-right {
      text-align: right
    }

    .el-date-range-picker__time-header {
      position: relative;
      border-bottom: 1px solid #e4e4e4;
      font-size: 12px;
      padding: 8px 5px 5px;
      display: table;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .el-date-range-picker__time-header>.el-icon-arrow-right {
      font-size: 20px;
      vertical-align: middle;
      display: table-cell;
      color: #303133
    }

    .el-date-range-picker__time-picker-wrap {
      position: relative;
      display: table-cell;
      padding: 0 5px
    }

    .el-date-range-picker__time-picker-wrap .el-picker-panel {
      position: absolute;
      top: 13px;
      right: 0;
      z-index: 1;
      background: #fff
    }

    .el-time-range-picker {
      width: 354px;
      overflow: visible
    }

    .el-time-range-picker__content {
      position: relative;
      text-align: center;
      padding: 10px
    }

    .el-time-range-picker__cell {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 4px 7px 7px;
      width: 49%;
      display: inline-block
    }

    .el-time-range-picker__header {
      margin-bottom: 5px;
      text-align: center;
      font-size: 14px
    }

    .el-time-panel,
    .el-time-range-picker__body {
      border-radius: 2px;
      border: 1px solid #e4e7ed
    }

    .el-time-panel {
      margin: 5px 0;
      background-color: #fff;
      -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      position: absolute;
      width: 180px;
      left: 0;
      z-index: 1000;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-box-sizing: content-box;
      box-sizing: content-box
    }

    .el-time-panel__content {
      font-size: 0;
      position: relative;
      overflow: hidden
    }

    .el-time-panel__content:after,
    .el-time-panel__content:before {
      content: "";
      top: calc(50% + 20px);
      position: absolute;
      margin-top: -15px;
      height: 32px;
      z-index: -1;
      left: 0;
      right: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-top: 6px;
      text-align: left
    }

    .el-time-panel__content:after {
      left: 50%;
      margin-left: 12%;
      margin-right: 12%
    }

    .el-time-panel__content:before {
      padding-left: 50%;
      margin-right: 12%;
      margin-left: 12%
    }

    .el-time-panel__content.has-seconds:after {
      left: 66.66667%
    }

    .el-time-panel__content.has-seconds:before {
      padding-left: 33.33333%
    }

    .el-time-panel__footer {
      border-top: 1px solid #e4e4e4;
      padding: 4px;
      height: 36px;
      line-height: 25px;
      text-align: right;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .el-time-panel__btn {
      border: none;
      line-height: 28px;
      padding: 0 5px;
      margin: 0 5px;
      cursor: pointer;
      background-color: transparent;
      outline: 0;
      font-size: 12px;
      color: #303133
    }

    .el-time-panel__btn.confirm {
      font-weight: 800;
      color: #54d8c9
    }

    .time-select {
      margin: 5px 0;
      min-width: 0
    }

    .time-select .el-picker-panel__content {
      max-height: 200px;
      margin: 0
    }

    .time-select-item {
      padding: 8px 10px;
      font-size: 14px;
      line-height: 20px
    }

    .time-select-item.selected:not(.disabled) {
      color: #54d8c9;
      font-weight: 700
    }

    .time-select-item.disabled {
      color: #e4e7ed;
      cursor: not-allowed
    }

    .time-select-item:hover {
      background-color: #f5f7fa;
      font-weight: 700;
      cursor: pointer
    }

    .el-popper .popper__arrow,
    .el-popper .popper__arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid
    }

    .el-popper .popper__arrow {
      border-width: 6px;
      -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
      filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
    }

    .el-popper .popper__arrow:after {
      content: " ";
      border-width: 6px
    }

    .el-popper[x-placement^=top] {
      margin-bottom: 12px
    }

    .el-popper[x-placement^=top] .popper__arrow {
      bottom: -6px;
      left: 50%;
      margin-right: 3px;
      border-top-color: #ebeef5;
      border-bottom-width: 0
    }

    .el-popper[x-placement^=top] .popper__arrow:after {
      bottom: 1px;
      margin-left: -6px;
      border-top-color: #fff;
      border-bottom-width: 0
    }

    .el-popper[x-placement^=bottom] {
      margin-top: 12px
    }

    .el-popper[x-placement^=bottom] .popper__arrow {
      top: -6px;
      left: 50%;
      margin-right: 3px;
      border-top-width: 0;
      border-bottom-color: #ebeef5
    }

    .el-popper[x-placement^=bottom] .popper__arrow:after {
      top: 1px;
      margin-left: -6px;
      border-top-width: 0;
      border-bottom-color: #fff
    }

    .el-popper[x-placement^=right] {
      margin-left: 12px
    }

    .el-popper[x-placement^=right] .popper__arrow {
      top: 50%;
      left: -6px;
      margin-bottom: 3px;
      border-right-color: #ebeef5;
      border-left-width: 0
    }

    .el-popper[x-placement^=right] .popper__arrow:after {
      bottom: -6px;
      left: 1px;
      border-right-color: #fff;
      border-left-width: 0
    }

    .el-popper[x-placement^=left] {
      margin-right: 12px
    }

    .el-popper[x-placement^=left] .popper__arrow {
      top: 50%;
      right: -6px;
      margin-bottom: 3px;
      border-right-width: 0;
      border-left-color: #ebeef5
    }

    .el-popper[x-placement^=left] .popper__arrow:after {
      right: 1px;
      bottom: -6px;
      margin-left: -6px;
      border-right-width: 0;
      border-left-color: #fff
    }
  </style>
  <style>
    .ellipsis-wrap[data-v-686ea850] {
      position: relative;
      width: 100%;
      overflow: hidden
    }

    .ellipsis-wrap .content-wrap[data-v-686ea850] {
      position: relative;
      width: 100%
    }

    .resume-audit-container[data-v-dcb56878] {
      background: #fff;
      margin-bottom: 16px
    }

    .resume-audit-container .audit-title[data-v-dcb56878] {
      display: flex;
      align-items: center;
      padding: 12px 30px;
      color: #fc6c38;
      font-size: 14px;
      font-weight: 500;
      background: #ffede7
    }

    .resume-audit-container .audit-title i[data-v-dcb56878] {
      font-size: 16px;
      margin-right: 10px
    }

    .resume-audit-container .audit-tip[data-v-dcb56878] {
      font-size: 13px;
      padding: 13px 30px 3px;
      color: #8d92a1
    }

    .resume-audit-container .audit-list li .li-brief[data-v-dcb56878] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 30px;
      cursor: pointer
    }

    .resume-audit-container .audit-list li .li-brief .brief-content[data-v-dcb56878] {
      display: flex;
      align-items: center;
      font-size: 14px
    }

    .resume-audit-container .audit-list li .li-brief .brief-content span[data-v-dcb56878] {
      font-weight: 500;
      color: #414a60
    }

    .resume-audit-container .audit-list li .li-brief .brief-content img[data-v-dcb56878] {
      width: 14px;
      margin-left: 10px
    }

    .resume-audit-container .audit-list li .li-brief .brief-operate[data-v-dcb56878] {
      font-size: 14px
    }

    .resume-audit-container .audit-list li .li-brief.active .brief-content span[data-v-dcb56878],
    .resume-audit-container .audit-list li .li-brief.active .brief-operate[data-v-dcb56878],
    .resume-audit-container .audit-list li .li-brief:hover .brief-content span[data-v-dcb56878],
    .resume-audit-container .audit-list li .li-brief:hover .brief-operate[data-v-dcb56878] {
      color: #00c2b3
    }

    .resume-audit-container .audit-list li .li-detail[data-v-dcb56878] {
      background: #fcfcfc;
      padding: 20px 30px 0
    }

    .resume-audit-container .audit-list li .li-detail .detail-title[data-v-dcb56878] {
      display: flex;
      justify-content: space-between
    }

    .resume-audit-container .audit-list li .li-detail .detail-title .text[data-v-dcb56878] {
      color: #414a60;
      font-weight: 500;
      font-size: 13px;
      margin-bottom: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .resume-audit-container .audit-list li .li-detail .detail-title .status[data-v-dcb56878] {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 63px;
      height: 19px;
      border-radius: 10px;
      background: #5dd5c8;
      color: #fff;
      text-align: center;
      font-size: 12px
    }

    .resume-audit-container .audit-list li .li-detail .detail-title .status img[data-v-dcb56878] {
      width: 11px;
      margin-right: 2px
    }

    .resume-audit-container .audit-list li .li-detail .detail-content[data-v-dcb56878] {
      font-size: 13px;
      padding-bottom: 20px
    }

    .resume-audit-container .audit-list li .li-detail .btn[data-v-dcb56878] {
      width: 100%;
      background: #f8f9fc;
      color: #00c2b3;
      border: 1px solid #53cac3;
      margin-bottom: 20px
    }

    .resume-audit-container .audit-list li .li-detail .btn[data-v-dcb56878]:hover {
      background: #53cac3;
      color: #fff
    }

    .resume-audit-container .audit-list .ui-icon-warning[data-v-dcb56878] {
      color: #4a90e2
    }

    .resume-audit-container .audit-list .ti-time[data-v-dcb56878] {
      color: #5dd5c8
    }

    .resume-collection .title[data-v-629271d5] {
      position: relative;
      padding-left: 12px;
      font-size: 18px;
      font-weight: 400
    }

    .resume-collection .title[data-v-629271d5]:before {
      content: "";
      position: absolute;
      width: 3px;
      height: 14px;
      border-radius: 10px;
      background-color: #53cac3;
      left: 0;
      top: 7px
    }

    .resume-collection .collection-content[data-v-629271d5] {
      display: flex;
      flex-wrap: wrap
    }

    .resume-collection .collection-content .collection-item[data-v-629271d5] {
      width: 219px;
      height: 100px;
      border: 1px dashed #979797;
      margin: 20px 20px 0 0;
      padding: 0 20px;
      display: flex;
      align-items: center
    }

    .resume-collection .collection-content .collection-item[data-v-629271d5]:hover {
      background: #e1f6f5;
      border: 1px dashed #5dd5c8
    }

    .resume-collection .collection-content .collection-item h3[data-v-629271d5] {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 6px
    }

    .resume-collection .collection-content .collection-item p[data-v-629271d5] {
      font-size: 13px;
      color: #61687c
    }

    .resume-collection .collection-content .collection-item .ui-icon-circle-plus-outline[data-v-629271d5] {
      font-size: 20px;
      color: #00c2b3;
      margin-right: 20px;
      cursor: pointer
    }

    .baseinfo-container[data-v-4bee5906]:hover {
      background: #fff;
      box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05);
      cursor: pointer
    }

    .baseinfo-container .header-upload[data-v-4bee5906] {
      position: absolute;
      right: 30px;
      top: 15px;
      z-index: 9
    }

    .baseinfo-container .user-info .name[data-v-4bee5906] {
      color: #24272e;
      height: 33px;
      line-height: 33px;
      font-size: 24px
    }

    .baseinfo-container .user-info .look-resume[data-v-4bee5906] {
      margin-left: 30px;
      color: #24272e;
      cursor: pointer
    }

    .baseinfo-container .user-info .look-resume i[data-v-4bee5906] {
      margin-right: 10px;
      color: #ababab;
      cursor: pointer
    }

    .baseinfo-container .user-info .look-resume:hover i[data-v-4bee5906],
    .baseinfo-container .user-info .look-resume[data-v-4bee5906]:hover {
      color: #5dd5c8
    }

    .baseinfo-container .info-labels[data-v-4bee5906] {
      margin-top: 20px
    }

    .baseinfo-container .info-labels p[data-v-4bee5906] {
      margin-top: 0
    }

    .baseinfo-container .info-labels p+p[data-v-4bee5906] {
      margin-top: 10px
    }

    .baseinfo-container .info-labels .prev-line[data-v-4bee5906] {
      line-height: 20px;
      height: 20px
    }

    .city-li[data-v-55608644] {
      padding: 0 12px;
      background-color: #fff;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer;
      position: relative;
      z-index: 2;
      line-height: 40px;
      color: #9fa3b0
    }

    .city-li[data-v-55608644]:hover {
      background-color: #f2f5fa;
      color: #414a60
    }

    .city-li.active[data-v-55608644] {
      color: #18c3b1
    }

    .city-select-container[data-v-55608644] {
      display: inline-block;
      position: relative
    }

    .city-select-container .dropdown-select[data-v-55608644] {
      display: inline-block;
      position: relative;
      cursor: pointer
    }

    .city-select-container .dropdown-select .ipt[data-v-55608644] {
      cursor: text;
      min-height: 22px;
      line-height: 26px;
      border: 1px solid #e3e7ed;
      vertical-align: middle;
      padding: 5px 12px;
      min-width: 0;
      width: 354px;
      color: #414a60
    }

    .city-select-container .dropdown-select .ipt.disabled[data-v-55608644] {
      background-color: #f2f5fa !important;
      cursor: default !important;
      opacity: 1
    }

    .city-select-container .dropdown-select .ipt[data-v-55608644]:not(.disabled):hover {
      border-color: #2cd7c8 !important
    }

    .city-select-container .dropdown-select .ipt[data-v-55608644]:focus {
      border-color: #2cd7c8
    }

    .city-select-container .dropdown-menu[data-v-55608644] {
      position: absolute;
      z-index: 100;
      display: inline-block;
      width: auto;
      top: 38px;
      left: 0;
      text-align: left;
      font-weight: 400;
      box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
      background: #fff
    }

    .city-select-container .dropdown-menu .city-box[data-v-55608644] {
      font-size: 0;
      white-space: nowrap;
      max-height: 200px
    }

    .city-select-container .dropdown-menu .city-box .dropdown-province[data-v-55608644] {
      max-height: 200px;
      display: inline-block;
      width: 177px;
      border-right: 1px solid #f4f2fc;
      font-size: 14px;
      vertical-align: top;
      overflow: auto;
      background-color: #fff
    }

    .city-select-container .dropdown-menu .city-box .dropdown-province li[data-v-55608644] {
      padding: 0 12px;
      background-color: #fff;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer;
      position: relative;
      z-index: 2;
      line-height: 40px;
      color: #9fa3b0
    }

    .city-select-container .dropdown-menu .city-box .dropdown-province li[data-v-55608644]:hover {
      background-color: #f2f5fa;
      color: #414a60
    }

    .city-select-container .dropdown-menu .city-box .dropdown-province li.active[data-v-55608644] {
      color: #18c3b1
    }

    .city-select-container .dropdown-menu .city-box .dropdown-city[data-v-55608644] {
      max-height: 200px;
      display: inline-block;
      width: 177px;
      font-size: 14px;
      vertical-align: top;
      overflow: auto;
      background-color: #fff
    }

    .city-select-container .dropdown-menu .city-box .dropdown-city li[data-v-55608644] {
      padding: 0 12px;
      background-color: #fff;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer;
      position: relative;
      z-index: 2;
      line-height: 40px;
      color: #9fa3b0
    }

    .city-select-container .dropdown-menu .city-box .dropdown-city li[data-v-55608644]:hover {
      background-color: #f2f5fa;
      color: #414a60
    }

    .city-select-container .dropdown-menu .city-box .dropdown-city li.active[data-v-55608644] {
      color: #18c3b1
    }

    .city-select-container .result-selecter[data-v-55608644] {
      width: 240px;
      max-height: 200px;
      overflow-y: auto;
      background-color: #fff;
      position: absolute;
      z-index: 15;
      -webkit-box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
      box-shadow: 1px 2px 14px rgba(0, 0, 0, .11)
    }

    .city-select-container .result-selecter li[data-v-55608644] {
      height: 68px;
      line-height: 68px;
      border-bottom: 1px solid #eef0f5;
      cursor: pointer;
      padding-right: 25px
    }

    .city-select-container .result-selecter li[data-v-55608644]:hover {
      background-color: #f2f5fa
    }

    .city-select-container .result-selecter .data-blank[data-v-55608644] {
      line-height: 40px;
      height: 40px;
      color: #9fa3b0;
      font-size: 14px;
      padding: 0 17px;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .city-select-container .result-selecter .data-blank a[data-v-55608644] {
      float: right;
      color: #9fa3b0;
      font-size: 12px
    }

    .from-baseInfo-city[data-v-545a2f4e] .city-select-container .ipt {
      width: 320px
    }

    .look-else[data-v-b8f740e2] {
      position: relative;
      font-size: 13px;
      color: #61687c
    }

    .look-else .look-operate[data-v-b8f740e2] {
      cursor: pointer;
      color: #00c2b3
    }

    .look-else i[data-v-b8f740e2] {
      font-size: 14px;
      color: #00c2b3;
      margin-right: 5px
    }

    .look-else .sample-container[data-v-b8f740e2] {
      width: 320px;
      height: 212px;
      position: absolute;
      right: 0;
      z-index: 99
    }

    .look-else .sample-container.has-entry[data-v-b8f740e2] {
      width: 408px
    }

    .look-else .sample-container.has-entry .content[data-v-b8f740e2],
    .look-else .sample-container.has-entry .no-data[data-v-b8f740e2] {
      height: auto
    }

    .look-else .sample-container .no-data[data-v-b8f740e2] {
      display: flex;
      align-items: center;
      justify-content: center
    }

    .look-else .sample-container .content[data-v-b8f740e2],
    .look-else .sample-container .no-data[data-v-b8f740e2] {
      width: 100%;
      height: 200px;
      margin-top: 12px;
      background: #fff;
      padding: 15px 20px 20px;
      border: 4px;
      box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .06)
    }

    .look-else .sample-container .content .sample-info[data-v-b8f740e2] {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .look-else .sample-container .content .sample-info .info[data-v-b8f740e2] {
      display: flex;
      align-items: center
    }

    .look-else .sample-container .content .sample-info .info img[data-v-b8f740e2] {
      width: 27px;
      height: 27px;
      border-radius: 100%
    }

    .look-else .sample-container .content .sample-info .info h4[data-v-b8f740e2] {
      font-weight: 500;
      color: #414a60;
      font-size: 15px;
      margin-left: 5px
    }

    .look-else .sample-container .content .sample-info .change[data-v-b8f740e2] {
      cursor: pointer;
      color: #00c2b3
    }

    .look-else .sample-container .content .sample-text[data-v-b8f740e2] {
      margin-top: 5px;
      max-height: 135px;
      overflow-y: auto
    }

    .look-else .sample-container .content .sample-text p[data-v-b8f740e2] {
      color: #61687c;
      line-height: 22px;
      font-weight: 400
    }

    .look-else .sample-container .resume-model[data-v-b8f740e2] {
      position: relative;
      height: 183px;
      width: 408px;
      background-image: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/resume-model-bg.a44d5f62.png);
      background-color: #fff;
      background-size: 100%
    }

    .look-else .sample-container .resume-model-footer[data-v-b8f740e2] {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 9px;
      padding: 0 20px;
      height: 28px;
      line-height: 28px
    }

    .look-else .sample-container .resume-model-footer span[data-v-b8f740e2] {
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      max-width: 300px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block
    }

    .look-else .sample-container .resume-model-footer .look-btn[data-v-b8f740e2] {
      float: right;
      text-align: center;
      padding: 0 18px;
      height: 28px;
      line-height: 28px;
      color: #e4aa80;
      font-size: 13px;
      background: linear-gradient(90deg, #313e3c, #595c69);
      border-radius: 14px;
      font-weight: 400
    }

    .expectation-list .split-line[data-v-787fd1ea] {
      position: relative;
      display: inline-block;
      min-width: 80px;
      max-width: 158px;
      padding-right: 15px;
      padding-left: 15px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: middle
    }

    .expectation-list .split-line.money-item[data-v-787fd1ea] {
      max-width: 120px
    }

    .expectation-list .split-line .ui-icon-time[data-v-787fd1ea] {
      color: #ababab;
      font-size: 16px;
      margin-right: 10px;
      margin-left: 5px
    }

    .expectation-list .split-line[data-v-787fd1ea]:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -6px;
      width: 1px;
      height: 12px;
      background-color: #e0e0e0
    }

    .expectation-list .split-line[data-v-787fd1ea]:first-of-type {
      padding-left: 0
    }

    .expectation-list .split-line[data-v-787fd1ea]:last-of-type {
      padding-right: 0
    }

    .expectation-list .split-line[data-v-787fd1ea]:last-of-type:after,
    .my-ui-position-category[data-v-9a8ed834] .position-category-wrap,
    .my-ui-position-category[data-v-9a8ed834] .position-search {
      display: none
    }

    .recomend-industry-dialog .industry-content .industry-panel {
      background: #f9fafb
    }

    .recomend-industry-dialog .industry-content .industry-panel .industry-item:nth-child(odd) {
      background-color: #fff
    }

    .recomend-industry-dialog .industry-content .industry-panel .industry-item:first-child .industry-category {
      font-size: 14px;
      font-weight: 500;
      color: #414a60
    }

    .recomend-industry-dialog .industry-content .industry-panel .industry-item:first-child .industry-category-item {
      color: #00c2b3
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-dropdown-not-found .tip-box .h {
      max-width: 100%;
      display: inline-block;
      height: 16px;
      vertical-align: middle;
      overflow: hidden;
      line-height: 16px;
      padding-right: 84px;
      text-overflow: ellipsis;
      position: relative;
      top: -1px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-inner {
      padding: 7px 30px 0 14px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-inner .ui-select-input {
      max-width: 100%
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-inner .ui-tag {
      color: #484b5b;
      line-height: 22px;
      padding: 0 10px;
      margin-right: 10px;
      margin-bottom: 7px;
      border-radius: 11px;
      vertical-align: top
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-inner .ui-tag:hover {
      background-color: #e5f8f7
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-inner .ui-tag .ui-icon-close {
      margin-left: 5px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-inner .ui-tag .ui-icon-close:hover {
      border-radius: 50%;
      background-color: #5dd5c8;
      color: #fff
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-inner .ui-select-input {
      vertical-align: top;
      margin-bottom: 7px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-group {
      overflow: hidden;
      margin-left: -10px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-dropdown .ui-dropdown-list {
      padding: 0 20px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-dropdown .ui-select-group-wrap {
      margin-bottom: 14px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-dropdown .ui-select-group-wrap:first-child {
      margin-top: 15px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-dropdown .ui-select-group-wrap:last-child {
      margin-bottom: 25px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-dropdown .ui-select-group-title {
      padding: 0;
      font-size: 14px;
      line-height: 20px;
      color: #414a60;
      font-weight: 500;
      margin-bottom: 10px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-dropdown .ui-select-item {
      width: auto;
      height: auto;
      padding-left: 0;
      margin-left: 10px;
      margin-bottom: 10px
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-dropdown .ui-select-item .ui-tag {
      height: 30px;
      line-height: 30px;
      box-sizing: border-box;
      border-radius: 15px;
      text-align: center;
      padding: 0 10px;
      background-color: #eef0f5;
      font-size: 13px;
      color: #51586d;
      margin: 0;
      font-weight: 400
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-dropdown .ui-select-item .ui-tag:hover {
      background-color: #e5f8f7
    }

    .skill-tag-selecter[data-v-a13d8262] .ui-select-dropdown .ui-select-item.ui-select-item-selected .ui-tag {
      border: 1px solid #00c2b3;
      background-color: #e5f8f7;
      color: #00c2b3
    }

    .ui-dropmenu-list[data-v-6830c18d] {
      display: block
    }

    .ui-dropmenu-list[data-v-6830c18d] .p-name .h {
      color: #18c3b1 !important
    }

    .ui-dropmenu-list .ui-dropdown-not-found[data-v-6830c18d] {
      color: #8d92a1
    }

    .ui-dropmenu-list .ui-dropmenu-list-item[data-v-6830c18d] {
      white-space: normal;
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .ui-dropmenu-list .ui-dropmenu-list-item .position-str[data-v-6830c18d] {
      flex: 1
    }

    .ui-dropmenu-list .ui-dropmenu-list-item .best-sug[data-v-6830c18d] {
      display: inline-block;
      width: 76px;
      height: 23px;
      line-height: 23px;
      font-size: 12px;
      color: #12ada9;
      background-color: #e5f8f7;
      padding: 0 6px;
      border-radius: 3px;
      text-align: right;
      margin-left: 5px;
      display: flex;
      align-items: center
    }

    .ui-dropmenu-list .ui-dropmenu-list-item .best-sug[data-v-6830c18d]:before {
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-best-sug.7e4a174c.png) no-repeat 50%;
      background-size: cover;
      margin-right: 4px;
      transform: translateY(-1px)
    }

    .position-dialog .position-selecter .position-title .position-search .position-input[data-v-6830c18d] {
      width: 350px
    }

    .position-search[data-v-6830c18d] {
      display: flex;
      align-items: center
    }

    .position-search .input[data-v-6830c18d] {
      height: 30px;
      padding-right: 30px
    }

    .position-search .confirm-button[data-v-6830c18d] {
      font-size: 14px;
      background: #16c3b1;
      border-radius: 2px;
      color: #fff;
      line-height: 20px;
      padding: 5px 21px;
      margin-left: 19px;
      cursor: pointer
    }

    .work-experience-container .form-item-chose-results .count-work-content[data-v-8e72999a],
    .work-experience-container .form-item-chose-results[data-v-8e72999a] .form-work-content textarea {
      padding-bottom: 200px
    }

    .work-experience-container .form-item-chose-results[data-v-8e72999a] .suffix-counter {
      bottom: 175px
    }

    .work-experience-container .form-item-chose-results .babresume-warning[data-v-8e72999a] {
      position: absolute;
      bottom: -20px
    }

    .work-experience-container .form-item-workPerformance[data-v-8e72999a] {
      position: absolute;
      bottom: 58px;
      z-index: 11;
      width: calc(100% - 30px) !important
    }

    .work-experience-container .form-item-workPerformance[data-v-8e72999a] .serial-toolbar {
      display: none
    }

    .work-experience-container .form-item-workPerformance[data-v-8e72999a] .input-wrap-textarea textarea {
      padding-top: 30px
    }

    .work-experience-container .form-item-workPerformance[data-v-8e72999a] .form-error-tip {
      left: auto;
      right: 0
    }

    .work-experience-container .form-item-workPerformance .title[data-v-8e72999a] {
      position: absolute;
      top: 1px;
      left: 1px;
      width: 99%;
      background: #fff;
      color: #24272e;
      font-weight: 500;
      text-indent: 20px;
      z-index: 11
    }

    .work-experience-container .form-item-workPerformance .babresume-warning[data-v-8e72999a] {
      position: absolute;
      bottom: -20px
    }

    .work-experience-container .resume-operate-container[data-v-8e72999a] {
      overflow: hidden
    }

    .work-experience-container .resume-operate-container .resume-operate-left[data-v-8e72999a] {
      float: left
    }

    .work-experience-container .resume-operate-container .form-item[data-v-8e72999a] {
      display: block;
      font-size: 12px;
      margin-bottom: 6px
    }

    .work-experience-container .resume-operate-container .form-item[data-v-8e72999a] .item-content {
      line-height: 17px
    }

    .work-experience-container .resume-operate-container .form-item+.form-item[data-v-8e72999a] {
      margin-top: 6px
    }

    .work-experience-container .resume-operate-container .form-btns[data-v-8e72999a] {
      float: right
    }

    .work-experience-container .form-item-work-Type-performance[data-v-8e72999a] {
      bottom: 70px
    }

    .work-experience-container .form-work-content-results[data-v-8e72999a] {
      width: 18px;
      height: 18px;
      position: absolute;
      top: 11px;
      left: 85px;
      cursor: pointer;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-results-no.bb322716.png) no-repeat 50%;
      background-size: 100%
    }

    .work-experience-container .form-work-content-results .results-tooltip[data-v-8e72999a] {
      display: none;
      width: 108px;
      background: #fff;
      position: absolute;
      top: -42px;
      left: -40px;
      text-align: center;
      border-radius: 3px
    }

    .work-experience-container .form-work-content-results .results-tooltip p[data-v-8e72999a] {
      background-color: #fff;
      position: relative;
      z-index: 1
    }

    .work-experience-container .form-work-content-results .results-tooltip[data-v-8e72999a]:before {
      content: "";
      position: absolute;
      width: 12px;
      height: 12px;
      bottom: -6px;
      left: 46px;
      background: #fff;
      transform: rotate(45deg);
      box-shadow: -1px -1px 10px rgba(0, 0, 0, .09)
    }

    .work-experience-container .form-work-content-results.chose[data-v-8e72999a] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-results-chose.041638ad.png) no-repeat 50%;
      background-size: 100%
    }

    .work-experience-container .form-work-content-results:hover .results-tooltip[data-v-8e72999a] {
      display: block
    }

    .web-source {
      margin-right: 10px
    }

    .display-item[data-v-7aaee280] {
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden
    }

    .display-item img[data-v-7aaee280] {
      display: block
    }

    @font-face {
      font-family: Alibaba-PuHuiTi-Regular;
      src: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/fonts/Alibaba-PuHuiTi-Regular.8d591595.ttf)
    }

    @font-face {
      font-family: Alibaba-PuHuiTi-Bold;
      src: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/fonts/Alibaba-PuHuiTi-Bold.38edfe18.ttf)
    }

    .flex-box[data-v-4698bbb4] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
    }

    .flex-box .edu-box[data-v-4698bbb4] {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
    }

    .template-container[data-v-4698bbb4] {
      position: relative;
      width: 794px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fff;
      padding-bottom: 84px;
      font-family: Alibaba-PuHuiTi-Regular
    }

    .vip-header[data-v-4698bbb4] {
      height: 84px;
      background-size: contain
    }

    .item-box[data-v-4698bbb4] {
      padding: 0 60px 40px
    }

    .item-box .name-avatar-box[data-v-4698bbb4] {
      width: 100%;
      height: 149px
    }

    .item-box .content-box[data-v-4698bbb4] {
      margin-left: 10px;
      margin-top: 20px
    }

    .avatar[data-v-4698bbb4] {
      width: 108px;
      height: 108px;
      border-radius: 54px
    }

    .name-box[data-v-4698bbb4] {
      padding-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }

    .name-box .name[data-v-4698bbb4] {
      font-size: 30px;
      font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
      font-weight: 700;
      color: #000;
      line-height: 42px;
      margin-top: 6px;
      margin-bottom: 15px
    }

    .phone-location-box[data-v-4698bbb4] {
      padding-left: 60px
    }

    .phone-location-box p[data-v-4698bbb4] {
      font-size: 13px;
      font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
      font-weight: 400;
      color: #333;
      line-height: 28px
    }

    .phone-location-box p .phone-row img[data-v-4698bbb4] {
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin-right: 6px
    }

    .phone-location-box .phone-row span[data-v-4698bbb4] {
      vertical-align: middle;
      margin-right: 18px
    }

    .phone-location-box .phone-row span[data-v-4698bbb4]:last-child {
      margin-right: 0
    }

    .user-info[data-v-4698bbb4] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 470px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }

    .user-info span[data-v-4698bbb4] {
      margin-top: 0
    }

    .user-info span[data-v-4698bbb4]:first-child {
      white-space: nowrap;
      margin-right: 18px;
      margin-top: 0
    }

    .user-info .phone-row[data-v-4698bbb4] {
      margin-top: 0
    }

    .large-title[data-v-4698bbb4] {
      width: 100%;
      height: 33px;
      line-height: 33px;
      font-size: 18px;
      font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
      font-weight: 700;
      color: #fff;
      position: relative
    }

    .large-title[data-v-4698bbb4]:after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      content: "";
      background: -o-linear-gradient(right, #fff 0, rgba(0, 123, 134, .6) 100%);
      background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(0, 123, 134, .6)));
      background: linear-gradient(270deg, #fff, rgba(0, 123, 134, .6))
    }

    .large-title .title[data-v-4698bbb4] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }

    .large-title .title p[data-v-4698bbb4]:first-child {
      background: #007b86;
      padding-left: 16px;
      border-top-left-radius: 8px
    }

    .large-title .title .color[data-v-4698bbb4] {
      width: 74px;
      height: 33px;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/title-bg.d5736f66.png) no-repeat;
      margin-left: -1px
    }

    .company-job[data-v-4698bbb4] {
      width: 100%;
      font-size: 13px;
      font-family: Alibaba-PuHuiTi-Regular;
      color: #333;
      line-height: 21px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
    }

    .company-job .item[data-v-4698bbb4] {
      display: inline-block;
      font-size: 13px;
      font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
      font-weight: 400;
      color: #000;
      line-height: 26px
    }

    .company-job .item[data-v-4698bbb4]:first-of-type {
      font-size: 15px;
      font-weight: 700;
      margin-right: 30px;
      max-width: 300px;
      white-space: pre-line;
      word-break: break-word
    }

    .edu-box .company-job[data-v-4698bbb4] {
      width: 100%
    }

    .edu-box .company-job .item[data-v-4698bbb4] {
      margin-right: 0
    }

    .edu-box .company-job .item[data-v-4698bbb4]:nth-child(2) {
      margin-left: 30px;
      margin-right: 40px
    }

    .edu-box .content-box>.item[data-v-4698bbb4] {
      margin-bottom: 16px
    }

    .edu-box .content-box>.item[data-v-4698bbb4]:last-child {
      margin-bottom: 0
    }

    .edu-box .item[data-v-4698bbb4] {
      white-space: normal
    }

    .edu-box .little-title[data-v-4698bbb4] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
    }

    .duration[data-v-4698bbb4] {
      line-height: 21px;
      margin-left: 20px;
      white-space: nowrap;
      width: 120px;
      text-align: right
    }

    .duration[data-v-4698bbb4],
    .edu-duty[data-v-4698bbb4] {
      font-size: 13px;
      font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
      font-weight: 400;
      color: #333
    }

    .edu-duty[data-v-4698bbb4] {
      width: 100%;
      line-height: 26px;
      margin-top: 8px;
      margin-bottom: 16px;
      white-space: pre-line;
      word-break: break-all
    }

    .job-box .little-title[data-v-4698bbb4] {
      line-height: 21px;
      margin-bottom: 12px
    }

    .job-box .job-item[data-v-4698bbb4] {
      margin-bottom: 20px
    }

    .job-box .job-item[data-v-4698bbb4]:last-child {
      margin-bottom: 0
    }

    .job-box .label[data-v-4698bbb4] {
      font-size: 13px;
      font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
      font-weight: 700;
      color: #333;
      line-height: 21px
    }

    .job-box .project-list[data-v-4698bbb4] {
      margin-bottom: 12px
    }

    .job-box .project-list[data-v-4698bbb4]:last-child {
      margin-bottom: 0
    }

    .job-box .project-list .project-item[data-v-4698bbb4] {
      font-size: 13px;
      font-weight: 400;
      line-height: 26px;
      white-space: pre-line;
      word-break: break-word;
      font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
      color: #333
    }

    .job-box .project-list .project-item[data-v-4698bbb4]:last-child {
      margin-bottom: 0
    }

    .certificate-box .item[data-v-4698bbb4] {
      display: inline-block;
      margin-right: 22px;
      font-family: Alibaba-PuHuiTi-Regular;
      white-space: pre-line;
      word-break: break-word
    }

    .certificate-box .item[data-v-4698bbb4],
    .social-box .item[data-v-4698bbb4] {
      line-height: 26px;
      font-size: 13px;
      font-weight: 400;
      color: #333
    }

    div.item[data-v-4698bbb4],
    li.item[data-v-4698bbb4],
    li.project-item[data-v-4698bbb4] {
      white-space: pre-line;
      word-break: break-word
    }

    .location-row[data-v-4698bbb4] {
      clear: both
    }

    .edu-container .company-job[data-v-4698bbb4] {
      display: block
    }

    .company-box[data-v-4698bbb4] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }

    .flex-box[data-v-31bf71a5] {
      display: flex;
      flex-direction: column
    }

    body[data-v-31bf71a5],
    div[data-v-31bf71a5],
    h1[data-v-31bf71a5],
    h2[data-v-31bf71a5],
    h3[data-v-31bf71a5],
    h4[data-v-31bf71a5],
    h5[data-v-31bf71a5],
    h6[data-v-31bf71a5],
    li[data-v-31bf71a5],
    p[data-v-31bf71a5],
    ul[data-v-31bf71a5] {
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box
    }

    .template-container[data-v-31bf71a5] {
      position: relative;
      width: 794px;
      box-sizing: border-box;
      background: #fff;
      padding-top: 60px;
      padding-bottom: 32px;
      font-family: Alibaba-PuHuiTi-Regular
    }

    .name-avatar-box[data-v-31bf71a5] {
      width: 100%;
      height: 210px;
      padding: 45px 60px 40px;
      box-sizing: border-box;
      background: #212634;
      color: #fff;
      margin-bottom: 28px;
      position: relative
    }

    .bg-img[data-v-31bf71a5] {
      display: block;
      width: 794px;
      position: absolute;
      top: 0;
      left: 0
    }

    .name-box[data-v-31bf71a5] {
      position: relative;
      padding-bottom: 0;
      height: 140px
    }

    .avatar[data-v-31bf71a5] {
      float: left;
      width: 140px;
      height: 140px;
      border-radius: 4px;
      border: 2px solid #ffdfa1
    }

    .phone-location-box[data-v-31bf71a5] {
      margin-left: 180px;
      padding-top: 9px
    }

    .phone-location-box .name[data-v-31bf71a5] {
      height: 30px;
      font-size: 30px;
      font-family: Alibaba-PuHuiTi-Bold;
      font-weight: 700;
      color: #ffdfa1;
      line-height: 30px;
      margin-bottom: 16px
    }

    .phone-location-box p[data-v-31bf71a5] {
      height: 18px;
      font-size: 13px;
      color: #fff;
      line-height: 18px;
      font-weight: 400;
      text-align: left;
      font-family: Alibaba-PuHuiTi-Regular
    }

    .phone-location-box .phone-row[data-v-31bf71a5] {
      margin: 10px 0
    }

    .phone-location-box .phone-row img[data-v-31bf71a5] {
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin-right: 3px
    }

    .phone-location-box .phone-row span[data-v-31bf71a5] {
      vertical-align: middle;
      margin-right: 18px
    }

    .phone-location-box .phone-row span[data-v-31bf71a5]:last-child {
      margin-right: 0
    }

    .item-box[data-v-31bf71a5] {
      width: 636px;
      margin-left: 98px;
      padding-bottom: 32px;
      position: relative;
      border-left: 1px solid rgba(33, 38, 52, .5);
      font-family: Alibaba-PuHuiTi-Regular
    }

    .item-box[data-v-31bf71a5]:last-of-type {
      border: none
    }

    .item-box .large-title[data-v-31bf71a5] {
      float: left;
      width: 107px;
      text-align: left
    }

    .item-box .content-box[data-v-31bf71a5] {
      margin-left: 141px
    }

    .large-title[data-v-31bf71a5] {
      position: relative;
      height: 24px;
      line-height: 24px;
      font-size: 18px;
      font-family: Alibaba-PuHuiTi-Bold;
      font-weight: 700;
      color: #000;
      padding-left: 32px
    }

    .large-title i[data-v-31bf71a5] {
      width: 24px;
      height: 24px;
      position: absolute;
      top: 50%;
      left: -13px;
      margin-top: -14px;
      background-size: contain
    }

    .icon-byyx[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-byyx.343f2d51.png) no-repeat 50%
    }

    .icon-gzjl[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-gzjl.ae30115d.png) no-repeat 50%
    }

    .icon-jyjl[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-byyx.343f2d51.png) no-repeat 50%
    }

    .icon-zgzs[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zgzs.6663171e.png) no-repeat 50%
    }

    .icon-ryjx[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-ryjx.cc53c4e9.png) no-repeat 50%
    }

    .icon-grys[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-grys.a8394903.png) no-repeat 50%
    }

    .icon-sxjl[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-sxjl.916b4bd7.png) no-repeat 50%
    }

    .icon-xmjl[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-xmjl.25c9c476.png) no-repeat 50%
    }

    .icon-sjzy[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-sjzy.576106d1.png) no-repeat 50%
    }

    .icon-zyfwjl[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zyfwjl.44bccde7.png) no-repeat 50%
    }

    .icon-zyjn[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zyjn.93c3b182.png) no-repeat 50%
    }

    .icon-stjl[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-sjzy.576106d1.png) no-repeat 50%
    }

    .icon-xqah[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-xqah.73b42c6b.png) no-repeat 50%
    }

    .icon-zwpj[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zwpj.50033ce9.png) no-repeat 50%
    }

    .icon-zdymk[data-v-31bf71a5] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zdymk.53e4cb8a.png) no-repeat 50%
    }

    .little-title[data-v-31bf71a5] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px
    }

    .company-job[data-v-31bf71a5] {
      float: left;
      font-size: 13px;
      font-family: Alibaba-PuHuiTi-Regular;
      color: #333;
      line-height: 21px
    }

    .company-job .item[data-v-31bf71a5] {
      font-weight: 400;
      display: inline-block;
      line-height: 24px;
      margin-right: 22px;
      color: #000
    }

    .company-job .item[data-v-31bf71a5]:first-child {
      font-size: 16px;
      font-family: Alibaba-PuHuiTi-Bold;
      font-weight: 700
    }

    .company-dept[data-v-31bf71a5] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px;
      font-size: 14px;
      color: #333;
      margin-left: 144px
    }

    .company-dept .item[data-v-31bf71a5] {
      font-weight: 500;
      display: inline-block;
      line-height: 21px;
      font-size: 13px
    }

    .company-dept .item+.item[data-v-31bf71a5] {
      margin-left: 22px
    }

    .date-range[data-v-31bf71a5] {
      float: right;
      color: #000;
      line-height: 24px
    }

    .date-range[data-v-31bf71a5],
    .edu-duty[data-v-31bf71a5] {
      font-size: 13px;
      font-family: Alibaba-PuHuiTi-Regular;
      font-weight: 400
    }

    .edu-duty[data-v-31bf71a5] {
      width: 100%;
      color: #333;
      line-height: 26px;
      text-align: left;
      white-space: pre-line
    }

    .edu-box .content-box>.item[data-v-31bf71a5] {
      margin-bottom: 16px
    }

    .edu-box .content-box>.item[data-v-31bf71a5]:last-child {
      margin-bottom: 0
    }

    .job-box .little-title[data-v-31bf71a5] {
      margin-left: 141px;
      line-height: 24px;
      height: 24px
    }

    .job-box .content-box[data-v-31bf71a5] {
      width: 100%;
      margin-left: 0
    }

    .job-box .content-box .job-desc .label[data-v-31bf71a5] {
      width: 102px;
      text-align: right;
      float: left
    }

    .job-box .content-box .job-desc .project-list[data-v-31bf71a5] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 26px;
      margin-left: 141px
    }

    .job-box .job-desc[data-v-31bf71a5]:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0
    }

    .job-box .job-desc .label[data-v-31bf71a5] {
      float: left;
      width: 39px;
      height: 21px;
      font-size: 13px;
      font-weight: 700;
      color: #333;
      line-height: 26px
    }

    .job-item[data-v-31bf71a5] {
      margin-bottom: 20px
    }

    .job-item[data-v-31bf71a5]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list[data-v-31bf71a5] {
      margin-left: 39px;
      margin-bottom: 12px
    }

    .job-box .job-desc .project-list[data-v-31bf71a5]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list .project-item[data-v-31bf71a5] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 26px;
      white-space: pre-line
    }

    .job-box .job-desc .project-list .project-item[data-v-31bf71a5]:last-child {
      margin-bottom: 0
    }

    .certificate-box .item[data-v-31bf71a5] {
      display: inline-block;
      margin-right: 22px;
      font-family: Alibaba-PuHuiTi-Regular
    }

    .certificate-box .item[data-v-31bf71a5],
    .social-box .item[data-v-31bf71a5] {
      line-height: 26px;
      font-size: 13px;
      white-space: pre-line;
      font-weight: 400;
      color: #333
    }

    .social-box .item[data-v-31bf71a5] {
      word-break: break-all
    }

    .self-evaluate-box .item[data-v-31bf71a5] {
      font-size: 13px;
      font-family: Alibaba-PuHuiTi-Regular;
      font-weight: 400;
      color: #333;
      line-height: 26px;
      white-space: pre-line
    }

    .flex-box[data-v-5c28c6ce] {
      display: flex;
      flex-direction: column
    }

    body[data-v-5c28c6ce],
    div[data-v-5c28c6ce],
    h1[data-v-5c28c6ce],
    h2[data-v-5c28c6ce],
    h3[data-v-5c28c6ce],
    h4[data-v-5c28c6ce],
    h5[data-v-5c28c6ce],
    h6[data-v-5c28c6ce],
    li[data-v-5c28c6ce],
    p[data-v-5c28c6ce],
    ul[data-v-5c28c6ce] {
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box
    }

    .template-container[data-v-5c28c6ce] {
      position: relative;
      width: 794px;
      box-sizing: border-box;
      background: #fff;
      padding-top: 60px;
      padding-bottom: 84px;
      font-family: Alibaba-PuHuiTi-Regular
    }

    .item-box[data-v-5c28c6ce] {
      padding: 34px 60px 0 24px;
      position: relative
    }

    .item-box .large-title[data-v-5c28c6ce] {
      float: left;
      width: 107px;
      text-align: left
    }

    .item-box .content-box[data-v-5c28c6ce] {
      margin-left: 147px
    }

    .item-box.name-avatar-box[data-v-5c28c6ce] {
      width: 100%;
      height: 160px;
      padding-top: 45px;
      padding-bottom: 0;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/vip2-header-bg.2c87eab0.png) no-repeat;
      background-size: contain;
      color: #fff
    }

    .avatar[data-v-5c28c6ce] {
      position: absolute;
      top: 0;
      right: 0;
      width: 90px;
      height: 90px;
      border-radius: 4px;
      border: 1px solid #b3bdb5
    }

    .name-box[data-v-5c28c6ce] {
      position: relative;
      padding-top: 8px;
      padding-bottom: 0;
      height: 113px
    }

    .name-box .name[data-v-5c28c6ce] {
      float: left;
      width: 147px;
      padding-right: 40px;
      height: 100px;
      font-size: 24px;
      font-weight: 700;
      text-align: right;
      color: #fff;
      line-height: 30px;
      font-family: Alibaba-PuHuiTi-Bold
    }

    .phone-location-box[data-v-5c28c6ce] {
      margin-top: 2px
    }

    .phone-location-box p[data-v-5c28c6ce] {
      margin-left: 122px;
      height: 18px;
      font-size: 13px;
      color: #fff;
      line-height: 18px;
      font-weight: 400;
      text-align: left;
      font-family: Alibaba-PuHuiTi-Regular
    }

    .phone-location-box .phone-row[data-v-5c28c6ce] {
      margin: 10px 0
    }

    .phone-location-box .phone-row img[data-v-5c28c6ce] {
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin-right: 3px
    }

    .phone-location-box .phone-row span[data-v-5c28c6ce] {
      vertical-align: middle;
      margin-right: 18px
    }

    .phone-location-box .phone-row span[data-v-5c28c6ce]:last-child {
      margin-right: 0
    }

    .large-title[data-v-5c28c6ce] {
      position: relative;
      height: 24px;
      line-height: 24px;
      font-size: 18px;
      font-family: Alibaba-PuHuiTi-Bold;
      font-weight: 700;
      color: #000;
      padding-left: 32px
    }

    .large-title i[data-v-5c28c6ce] {
      width: 32px;
      height: 32px;
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -16px;
      background-size: contain
    }

    .icon-byyx[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-byyx.b3cd5a56.png) no-repeat 50%
    }

    .icon-gzjl[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-gzjl.96b7cfb8.png) no-repeat 50%
    }

    .icon-jyjl[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-byyx.b3cd5a56.png) no-repeat 50%
    }

    .icon-zgzs[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zgzs.4dd55f02.png) no-repeat 50%
    }

    .icon-ryjx[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-ryjx.b1737169.png) no-repeat 50%
    }

    .icon-grys[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-grys.8c3e90ae.png) no-repeat 50%
    }

    .icon-sxjl[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-sxjl.c9b30bab.png) no-repeat 50%
    }

    .icon-xmjl[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-xmjl.fe6fa828.png) no-repeat 50%
    }

    .icon-sjzy[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-sjzy.af31efec.png) no-repeat 50%
    }

    .icon-zyfwjl[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zyfwjl.6f509933.png) no-repeat 50%
    }

    .icon-zyjn[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zyjn.3c41aaa3.png) no-repeat 50%
    }

    .icon-stjl[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-sjzy.af31efec.png) no-repeat 50%
    }

    .icon-xqah[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-xqah.43841ad6.png) no-repeat 50%
    }

    .icon-zwpj[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zwpj.0aba24ca.png) no-repeat 50%
    }

    .icon-zdymk[data-v-5c28c6ce] {
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/icon-zdymk.873fd232.png) no-repeat 50%
    }

    .little-title[data-v-5c28c6ce] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px
    }

    .company-job[data-v-5c28c6ce] {
      float: left;
      font-size: 13px;
      font-family: Alibaba-PuHuiTi-Regular;
      color: #333;
      line-height: 21px
    }

    .company-job .item[data-v-5c28c6ce] {
      font-weight: 400;
      display: inline-block;
      line-height: 24px;
      margin-right: 22px
    }

    .company-job .item[data-v-5c28c6ce]:first-child {
      font-size: 16px;
      font-family: Alibaba-PuHuiTi-Bold;
      font-weight: 700
    }

    .company-dept[data-v-5c28c6ce] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px;
      font-size: 14px;
      color: #333;
      margin-left: 147px
    }

    .company-dept .item[data-v-5c28c6ce] {
      font-weight: 500;
      display: inline-block;
      line-height: 21px;
      font-size: 13px
    }

    .company-dept .item+.item[data-v-5c28c6ce] {
      margin-left: 22px
    }

    .date-range[data-v-5c28c6ce] {
      float: right;
      color: #666;
      line-height: 24px
    }

    .date-range[data-v-5c28c6ce],
    .edu-duty[data-v-5c28c6ce] {
      font-size: 13px;
      font-family: Alibaba-PuHuiTi-Regular;
      font-weight: 400
    }

    .edu-duty[data-v-5c28c6ce] {
      width: 100%;
      color: #333;
      line-height: 26px;
      text-align: left;
      white-space: pre-line
    }

    .edu-box .content-box>.item[data-v-5c28c6ce] {
      margin-bottom: 16px
    }

    .edu-box .content-box>.item[data-v-5c28c6ce]:last-child {
      margin-bottom: 0
    }

    .job-box .little-title[data-v-5c28c6ce] {
      margin-left: 147px;
      line-height: 24px
    }

    .job-box .content-box[data-v-5c28c6ce] {
      width: 100%;
      margin-left: 0
    }

    .job-box .content-box .job-desc .label[data-v-5c28c6ce] {
      width: 102px;
      text-align: right;
      float: left
    }

    .job-box .content-box .job-desc .project-list[data-v-5c28c6ce] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px;
      margin-left: 147px
    }

    .job-box .job-desc[data-v-5c28c6ce]:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0
    }

    .job-box .job-desc .label[data-v-5c28c6ce] {
      float: left;
      width: 39px;
      height: 26px;
      font-size: 13px;
      font-weight: 700;
      color: #333;
      line-height: 26px
    }

    .job-item[data-v-5c28c6ce] {
      margin-bottom: 20px
    }

    .job-item[data-v-5c28c6ce]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list[data-v-5c28c6ce] {
      margin-left: 39px;
      margin-bottom: 17px
    }

    .job-box .job-desc .project-list[data-v-5c28c6ce]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list .project-item[data-v-5c28c6ce] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 26px;
      white-space: pre-line
    }

    .job-box .job-desc .project-list .project-item[data-v-5c28c6ce]:last-child {
      margin-bottom: 0
    }

    .certificate-box .item[data-v-5c28c6ce] {
      display: inline-block;
      margin-right: 22px;
      font-family: Alibaba-PuHuiTi-Regular
    }

    .certificate-box .item[data-v-5c28c6ce],
    .social-box .item[data-v-5c28c6ce] {
      line-height: 26px;
      font-size: 13px;
      font-weight: 400;
      white-space: pre-line;
      color: #333
    }

    .social-box .item[data-v-5c28c6ce] {
      word-break: break-all
    }

    body[data-v-60e6142e],
    div[data-v-60e6142e],
    h1[data-v-60e6142e],
    h2[data-v-60e6142e],
    h3[data-v-60e6142e],
    h4[data-v-60e6142e],
    h5[data-v-60e6142e],
    h6[data-v-60e6142e],
    li[data-v-60e6142e],
    p[data-v-60e6142e],
    ul[data-v-60e6142e] {
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box
    }

    .flex-box[data-v-60e6142e] {
      overflow: hidden
    }

    .flex-box .resume-left[data-v-60e6142e] {
      width: 244px;
      padding-left: 40px;
      float: left
    }

    .flex-box .resume-left .avatar[data-v-60e6142e] {
      display: block;
      width: 120px;
      height: 120px;
      border-radius: 4px
    }

    .flex-box .resume-left .detail-info[data-v-60e6142e] {
      font-size: 13px;
      font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
      font-weight: 400;
      color: #333;
      line-height: 26px;
      margin-bottom: 40px;
      padding-right: 20px;
      white-space: pre-line;
      word-break: break-word
    }

    .flex-box .resume-left .detail-info p[data-v-60e6142e]:last-child {
      word-break: break-all
    }

    .flex-box .resume-right[data-v-60e6142e] {
      width: 549px;
      padding-right: 40px;
      float: left
    }

    .flex-box .resume-right ul[data-v-60e6142e] {
      display: flex;
      flex-direction: column
    }

    .flex-box .resume-right .devide-line[data-v-60e6142e] {
      width: 1px;
      background: rgba(74, 185, 180, .3);
      margin-top: 8px
    }

    .flex-box .resume-right li.item-box[data-v-60e6142e] {
      padding-left: 44px;
      position: relative;
      width: 509px
    }

    .flex-box .resume-right li.item-box[data-v-60e6142e]:after {
      width: 9px;
      height: 9px;
      background: #4ab9b4;
      border-radius: 50%;
      position: absolute;
      content: "";
      top: 8px;
      left: 0;
      margin-left: -5px
    }

    .flex-box .resume-right li.item-box .content-box[data-v-60e6142e] {
      padding-bottom: 40px;
      padding-top: 16px
    }

    .flex-box .resume-right .last-child .large-title[data-v-60e6142e]:before {
      width: 0
    }

    .job-item[data-v-60e6142e] {
      page-break-inside: avoid;
      margin-bottom: 20px
    }

    .job-item[data-v-60e6142e]:last-child {
      margin-bottom: 0
    }

    .large-title[data-v-60e6142e] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 24px;
      line-height: 24px;
      font-size: 20px;
      font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
      font-weight: 700;
      color: #000;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
    }

    .large-title[data-v-60e6142e]:before {
      position: absolute;
      left: -1px;
      top: 8px;
      bottom: -8px;
      content: "";
      width: 1px;
      background: rgba(74, 185, 180, .3);
      border-radius: 50%
    }

    .large-title .title-line[data-v-60e6142e] {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: block;
      margin-left: 13px;
      height: 1px;
      background: hsla(0, 0%, 59.2%, .3)
    }

    .template-container[data-v-60e6142e] {
      position: relative;
      width: 794px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fff;
      padding-top: 84px;
      padding-bottom: 32px
    }

    h6[data-v-60e6142e] {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 12px
    }

    .name[data-v-60e6142e],
    h6[data-v-60e6142e] {
      font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
      font-weight: 700;
      color: #000
    }

    .name[data-v-60e6142e] {
      font-size: 30px;
      line-height: 30px;
      margin-top: 40px
    }

    .little-title[data-v-60e6142e] {
      line-height: 21px;
      margin-bottom: 12px
    }

    .item[data-v-60e6142e] {
      font-weight: 400;
      display: inline-block;
      line-height: 26px;
      font-size: 13px;
      color: #000
    }

    .company-job[data-v-60e6142e] {
      font-size: 16px;
      color: #000;
      display: -webkit-box;
      display: -webkit-flex;
      flex-direction: row;
      flex-wrap: wrap
    }

    .company-job .item[data-v-60e6142e]:first-child {
      font-weight: 700;
      font-size: 16px;
      margin-right: 30px
    }

    .company-job .item[data-v-60e6142e]:nth-of-type(2),
    .company-job .item[data-v-60e6142e]:nth-of-type(3) {
      margin-right: 30px
    }

    .date-range[data-v-60e6142e] {
      display: block;
      font-size: 13px;
      font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
      font-weight: 400;
      color: #333
    }

    .edu-duty[data-v-60e6142e] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 26px;
      text-align: left;
      white-space: pre-line;
      word-break: break-word;
      margin-top: 8px
    }

    .edu-box .content-box>.item[data-v-60e6142e] {
      margin-bottom: 20px
    }

    .edu-box .content-box>.item[data-v-60e6142e]:last-child {
      margin-bottom: 0
    }

    .edu-box .item[data-v-60e6142e] {
      white-space: normal;
      display: block
    }

    .edu-box .company-job .item[data-v-60e6142e] {
      font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi
    }

    .job-box .content-box[data-v-60e6142e] {
      margin-left: 0
    }

    .job-box .job-desc .label[data-v-60e6142e] {
      font-size: 13px;
      font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
      font-weight: 700;
      color: #000;
      line-height: 21px
    }

    .job-box .job-desc .project-list[data-v-60e6142e] {
      margin-top: 4px;
      margin-bottom: 12px;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 26px
    }

    .job-box .job-desc .project-list[data-v-60e6142e]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list .project-item[data-v-60e6142e] {
      margin-bottom: 13px;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 26px;
      white-space: pre-line;
      word-break: break-word
    }

    .job-box .job-desc .project-list .project-item[data-v-60e6142e]:last-child {
      margin-bottom: 0
    }

    .certificate-box .item[data-v-60e6142e] {
      display: block;
      line-height: 26px;
      color: #333
    }

    .certificate-info[data-v-60e6142e] {
      font-size: 13px;
      font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
      font-weight: 400;
      color: #333;
      line-height: 26px
    }

    .social-box .item[data-v-60e6142e] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .line[data-v-60e6142e] {
      position: absolute;
      top: 0;
      right: 40px;
      height: 1px;
      width: 592px;
      background: #ccc
    }

    .line[data-v-60e6142e]:before {
      left: 0
    }

    .line[data-v-60e6142e]:after,
    .line[data-v-60e6142e]:before {
      content: "";
      width: 7px;
      height: 7px;
      border: 1px solid #ccc;
      background: #fff;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg)
    }

    .line[data-v-60e6142e]:after {
      right: 0
    }

    .header[data-v-60e6142e] {
      display: block;
      height: 84px
    }

    .footer[data-v-60e6142e] {
      font-size: 12px;
      font-weight: 400;
      color: #8d92a1;
      line-height: 84px;
      text-align: center
    }

    div.item[data-v-60e6142e],
    li.item[data-v-60e6142e],
    li.project-item[data-v-60e6142e] {
      white-space: pre-line;
      word-break: break-word
    }

    .flex-box[data-v-ce0ae4fa] {
      display: flex;
      flex-direction: column
    }

    .flex-box .edu-box[data-v-ce0ae4fa] {
      order: 1
    }

    body[data-v-ce0ae4fa],
    div[data-v-ce0ae4fa],
    h1[data-v-ce0ae4fa],
    h2[data-v-ce0ae4fa],
    h3[data-v-ce0ae4fa],
    h4[data-v-ce0ae4fa],
    h5[data-v-ce0ae4fa],
    h6[data-v-ce0ae4fa],
    li[data-v-ce0ae4fa],
    p[data-v-ce0ae4fa],
    ul[data-v-ce0ae4fa] {
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box
    }

    .template-container[data-v-ce0ae4fa] {
      position: relative;
      width: 794px;
      box-sizing: border-box;
      background: #fff;
      padding-top: 84px;
      padding-bottom: 32px
    }

    .item-box[data-v-ce0ae4fa] {
      padding: 0 40px 52px;
      color: #333
    }

    .item-box .content-box .item[data-v-ce0ae4fa] {
      white-space: pre-line;
      word-break: break-all
    }

    .logo[data-v-ce0ae4fa] {
      display: block;
      width: 100%
    }

    .avatar[data-v-ce0ae4fa] {
      position: absolute;
      top: 0;
      right: 0;
      width: 86px;
      height: 86px
    }

    .name-box[data-v-ce0ae4fa] {
      position: relative
    }

    h6.name[data-v-ce0ae4fa] {
      height: 42px;
      font-size: 30px;
      font-weight: 700;
      color: #202329;
      line-height: 42px;
      text-align: center;
      margin-bottom: 26px
    }

    .phone-location-box p[data-v-ce0ae4fa] {
      height: 18px;
      font-size: 13px;
      color: #333;
      line-height: 18px;
      text-align: center
    }

    .phone-location-box p[data-v-ce0ae4fa]:first-child {
      margin-bottom: 6px
    }

    .large-title[data-v-ce0ae4fa] {
      height: 22px;
      line-height: 22px;
      font-size: 16px;
      font-weight: 700;
      color: #000;
      border-bottom: 1px solid #ccc;
      margin-bottom: 21px
    }

    .little-title[data-v-ce0ae4fa] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px
    }

    .company-job[data-v-ce0ae4fa] {
      float: left;
      font-size: 15px;
      color: #333;
      line-height: 21px
    }

    .company-job .item[data-v-ce0ae4fa] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px;
      margin-right: 22px
    }

    .company-job .item[data-v-ce0ae4fa]:first-child {
      font-weight: 700
    }

    .company-dept[data-v-ce0ae4fa] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px;
      font-size: 14px;
      color: #333
    }

    .company-dept .item[data-v-ce0ae4fa] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px
    }

    .company-dept .item+.item[data-v-ce0ae4fa] {
      margin-left: 22px
    }

    .date-range[data-v-ce0ae4fa] {
      float: right;
      font-size: 13px;
      font-weight: 400;
      color: #666;
      line-height: 21px
    }

    .edu-duty[data-v-ce0ae4fa] {
      width: 100%;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 18px;
      text-align: left;
      white-space: pre-line
    }

    .edu-box .content-box>.item[data-v-ce0ae4fa] {
      margin-bottom: 20px
    }

    .edu-box .content-box>.item[data-v-ce0ae4fa]:last-child {
      margin-bottom: 0
    }

    .job-desc[data-v-ce0ae4fa] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .job-box .job-desc[data-v-ce0ae4fa]:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0
    }

    .job-box .job-desc .label[data-v-ce0ae4fa] {
      float: left;
      width: 39px;
      height: 21px;
      font-size: 13px;
      font-weight: 700;
      color: #333;
      line-height: 21px
    }

    .job-item[data-v-ce0ae4fa] {
      margin-bottom: 20px
    }

    .job-item[data-v-ce0ae4fa]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list[data-v-ce0ae4fa] {
      margin-left: 39px;
      margin-bottom: 12px
    }

    .job-box .job-desc .project-list[data-v-ce0ae4fa]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list .project-item[data-v-ce0ae4fa] {
      margin-bottom: 13px;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px;
      white-space: pre-line
    }

    .job-box .job-desc .project-list .project-item[data-v-ce0ae4fa]:last-child {
      margin-bottom: 0
    }

    .certificate-box .item[data-v-ce0ae4fa] {
      display: inline-block;
      margin-right: 22px
    }

    .social-box .item[data-v-ce0ae4fa] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .from[data-v-ce0ae4fa] {
      position: absolute;
      bottom: 60px;
      left: 50%;
      transform: translateX(-50%);
      margin: 0 auto;
      text-align: center;
      font-size: 20px;
      font-weight: 400;
      color: #d1d4db;
      line-height: 20px
    }

    .header[data-v-ce0ae4fa] {
      display: block;
      width: 100%;
      height: 84px
    }

    .footer[data-v-ce0ae4fa] {
      font-size: 12px;
      font-weight: 400;
      color: #8d92a1;
      line-height: 84px;
      text-align: center
    }

    body[data-v-4107a270],
    div[data-v-4107a270],
    h1[data-v-4107a270],
    h2[data-v-4107a270],
    h3[data-v-4107a270],
    h4[data-v-4107a270],
    h5[data-v-4107a270],
    h6[data-v-4107a270],
    li[data-v-4107a270],
    p[data-v-4107a270],
    ul[data-v-4107a270] {
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box
    }

    .flex-box[data-v-4107a270] {
      display: flex;
      flex-direction: column
    }

    .template-container[data-v-4107a270] {
      position: relative;
      width: 794px;
      box-sizing: border-box;
      background: #fff;
      padding-top: 84px;
      padding-bottom: 32px
    }

    .item-box[data-v-4107a270] {
      padding: 22px 40px;
      color: #333;
      position: relative
    }

    .name-avatar-box[data-v-4107a270] {
      padding-top: 0;
      height: 108px
    }

    .item-box .large-title[data-v-4107a270] {
      float: left;
      width: 98px;
      text-align: right
    }

    .item-box .content-box[data-v-4107a270] {
      margin-left: 122px
    }

    .item-box .content-box .item[data-v-4107a270] {
      white-space: pre-line;
      word-break: break-all
    }

    .avatar[data-v-4107a270] {
      position: absolute;
      top: 0;
      right: 0;
      width: 86px;
      height: 86px
    }

    .name-box[data-v-4107a270] {
      position: relative
    }

    h6.name[data-v-4107a270] {
      float: left;
      width: 122px;
      padding-right: 24px;
      height: 30px;
      font-size: 24px;
      font-weight: 700;
      text-align: right;
      color: #202329;
      line-height: 30px
    }

    .phone-location-box p[data-v-4107a270] {
      margin-left: 122px;
      height: 18px;
      font-size: 13px;
      color: #333;
      line-height: 18px;
      font-weight: 700;
      text-align: left
    }

    .phone-location-box .phone-row[data-v-4107a270] {
      margin: 10px 0
    }

    .large-title[data-v-4107a270] {
      height: 24px;
      line-height: 24px;
      font-size: 16px;
      font-weight: 700;
      color: #000
    }

    .little-title[data-v-4107a270] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px
    }

    .company-job[data-v-4107a270] {
      float: left;
      font-size: 15px;
      color: #333;
      line-height: 21px
    }

    .company-job .item[data-v-4107a270] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px;
      margin-right: 22px
    }

    .company-job .item[data-v-4107a270]:first-child {
      font-weight: 700
    }

    .company-dept[data-v-4107a270] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px;
      font-size: 14px;
      color: #333;
      margin-left: 122px
    }

    .company-dept .item[data-v-4107a270] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px
    }

    .company-dept .item+.item[data-v-4107a270] {
      margin-left: 22px
    }

    .date-range[data-v-4107a270] {
      float: right;
      font-size: 13px;
      font-weight: 400;
      color: #666;
      line-height: 21px
    }

    .edu-duty[data-v-4107a270] {
      width: 100%;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 18px;
      text-align: left;
      white-space: pre-line
    }

    .edu-box .content-box>.item[data-v-4107a270] {
      margin-bottom: 20px
    }

    .edu-box .content-box>.item[data-v-4107a270]:last-child {
      margin-bottom: 0
    }

    .job-box .little-title[data-v-4107a270] {
      margin-left: 122px;
      line-height: 24px;
      height: 24px
    }

    .job-box .content-box[data-v-4107a270] {
      width: 100%;
      margin-left: 0
    }

    .job-box .content-box .job-desc .label[data-v-4107a270] {
      width: 122px;
      padding-right: 24px;
      text-align: right;
      float: left
    }

    .job-box .content-box .job-desc .project-list[data-v-4107a270] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px;
      margin-left: 122px
    }

    .job-box .job-desc[data-v-4107a270]:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0
    }

    .job-box .job-desc .label[data-v-4107a270] {
      float: left;
      width: 39px;
      height: 21px;
      font-size: 13px;
      font-weight: 700;
      color: #333;
      line-height: 21px
    }

    .job-item[data-v-4107a270] {
      margin-bottom: 20px
    }

    .job-item[data-v-4107a270]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list[data-v-4107a270] {
      margin-left: 39px;
      margin-bottom: 12px
    }

    .job-box .job-desc .project-list[data-v-4107a270]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list .project-item[data-v-4107a270] {
      margin-bottom: 13px;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px;
      white-space: pre-line
    }

    .job-box .job-desc .project-list .project-item[data-v-4107a270]:last-child {
      margin-bottom: 0
    }

    .certificate-box .item[data-v-4107a270] {
      display: inline-block;
      margin-right: 22px;
      line-height: 24px
    }

    .social-box .item[data-v-4107a270] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .line[data-v-4107a270] {
      position: absolute;
      top: 0;
      right: 40px;
      height: 1px;
      width: 592px;
      background: #ccc
    }

    .line[data-v-4107a270]:before {
      left: 0
    }

    .line[data-v-4107a270]:after,
    .line[data-v-4107a270]:before {
      content: "";
      width: 7px;
      height: 7px;
      border: 1px solid #ccc;
      background: #fff;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) rotate(45deg)
    }

    .line[data-v-4107a270]:after {
      right: 0
    }

    .header[data-v-4107a270] {
      display: block;
      width: 100%;
      height: 84px
    }

    .footer[data-v-4107a270] {
      font-size: 12px;
      font-weight: 400;
      color: #8d92a1;
      line-height: 84px;
      text-align: center
    }

    body[data-v-1fe9a5c4],
    div[data-v-1fe9a5c4],
    h1[data-v-1fe9a5c4],
    h2[data-v-1fe9a5c4],
    h3[data-v-1fe9a5c4],
    h4[data-v-1fe9a5c4],
    h5[data-v-1fe9a5c4],
    h6[data-v-1fe9a5c4],
    li[data-v-1fe9a5c4],
    p[data-v-1fe9a5c4],
    ul[data-v-1fe9a5c4] {
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box
    }

    .flex-box[data-v-1fe9a5c4] {
      display: flex;
      flex-direction: column
    }

    .template-container[data-v-1fe9a5c4] {
      position: relative;
      width: 794px;
      box-sizing: border-box;
      background: #fff;
      padding-top: 84px;
      padding-bottom: 32px
    }

    .item-box[data-v-1fe9a5c4] {
      padding: 0 40px 24px;
      color: #333;
      position: relative
    }

    .item-box .content-box .item[data-v-1fe9a5c4] {
      white-space: pre-line;
      word-break: break-all
    }

    .item-box[data-v-1fe9a5c4]:after {
      content: "";
      position: absolute;
      top: -1px;
      height: 1px;
      width: 714px;
      background: #ccc;
      left: 50%;
      margin-left: -357px
    }

    .item-box.name-avatar-box[data-v-1fe9a5c4]:after {
      background: transparent
    }

    .name-avatar-box[data-v-1fe9a5c4] {
      background: #004a9a;
      color: #fff;
      padding-top: 24px;
      z-index: 1
    }

    .avatar[data-v-1fe9a5c4] {
      position: absolute;
      top: 0;
      right: 0;
      width: 86px;
      height: 86px
    }

    .name-box[data-v-1fe9a5c4] {
      position: relative;
      color: #fff
    }

    h6.name[data-v-1fe9a5c4] {
      height: 42px;
      font-size: 30px;
      font-weight: 700;
      line-height: 42px;
      text-align: left;
      margin-bottom: 20px
    }

    .phone-location-box p[data-v-1fe9a5c4] {
      height: 18px;
      font-size: 13px;
      line-height: 18px;
      text-align: left
    }

    .phone-location-box p[data-v-1fe9a5c4]:first-child {
      margin-bottom: 10px
    }

    .large-title[data-v-1fe9a5c4] {
      margin-top: 28px;
      height: 22px;
      line-height: 22px;
      font-size: 16px;
      font-weight: 700;
      color: #202329;
      margin-bottom: 22px
    }

    .little-title[data-v-1fe9a5c4] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px
    }

    .company-job[data-v-1fe9a5c4] {
      float: left;
      font-size: 15px;
      color: #333;
      line-height: 21px
    }

    .company-job .item[data-v-1fe9a5c4] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px;
      margin-right: 22px
    }

    .company-job .item[data-v-1fe9a5c4]:first-child {
      font-weight: 700
    }

    .company-dept[data-v-1fe9a5c4] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px;
      font-size: 14px;
      color: #333
    }

    .company-dept .item[data-v-1fe9a5c4] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px
    }

    .company-dept .item+.item[data-v-1fe9a5c4] {
      margin-left: 22px
    }

    .date-range[data-v-1fe9a5c4] {
      float: right;
      font-size: 13px;
      font-weight: 400;
      color: #666;
      line-height: 21px
    }

    .edu-duty[data-v-1fe9a5c4] {
      width: 100%;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 18px;
      text-align: left;
      white-space: pre-line
    }

    .edu-box .content-box>.item[data-v-1fe9a5c4] {
      margin-bottom: 22px
    }

    .edu-box .content-box>.item[data-v-1fe9a5c4]:last-child {
      margin-bottom: 0
    }

    .job-desc[data-v-1fe9a5c4] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .job-box .job-desc[data-v-1fe9a5c4]:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0
    }

    .job-box .job-desc .label[data-v-1fe9a5c4] {
      float: left;
      width: 39px;
      height: 21px;
      font-size: 13px;
      font-weight: 700;
      color: #333;
      line-height: 21px
    }

    .job-item[data-v-1fe9a5c4] {
      margin-bottom: 20px
    }

    .job-item[data-v-1fe9a5c4]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list[data-v-1fe9a5c4] {
      margin-left: 39px;
      margin-bottom: 12px
    }

    .job-box .job-desc .project-list[data-v-1fe9a5c4]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list .project-item[data-v-1fe9a5c4] {
      margin-bottom: 13px;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px;
      white-space: pre-line
    }

    .job-box .job-desc .project-list .project-item[data-v-1fe9a5c4]:last-child {
      margin-bottom: 0
    }

    .certificate-box .item[data-v-1fe9a5c4] {
      display: inline-block;
      margin-right: 22px
    }

    .social-box .item[data-v-1fe9a5c4] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .header[data-v-1fe9a5c4] {
      display: block;
      width: 100%;
      height: 84px
    }

    .footer[data-v-1fe9a5c4] {
      font-size: 12px;
      font-weight: 400;
      color: #8d92a1;
      line-height: 84px;
      text-align: center
    }

    .flex-box[data-v-003725f2] {
      display: flex;
      flex-direction: column
    }

    body[data-v-003725f2],
    div[data-v-003725f2],
    h1[data-v-003725f2],
    h2[data-v-003725f2],
    h3[data-v-003725f2],
    h4[data-v-003725f2],
    h5[data-v-003725f2],
    h6[data-v-003725f2],
    li[data-v-003725f2],
    p[data-v-003725f2],
    ul[data-v-003725f2] {
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box
    }

    .template-container[data-v-003725f2] {
      position: relative;
      width: 794px;
      box-sizing: border-box;
      background: #fff;
      padding-top: 84px;
      padding-bottom: 32px
    }

    .item-box[data-v-003725f2] {
      padding: 0 40px 52px;
      color: #333
    }

    .item-box .content-box .item[data-v-003725f2] {
      white-space: pre-line;
      word-break: break-all
    }

    .avatar[data-v-003725f2] {
      position: absolute;
      top: 0;
      right: 0;
      width: 86px;
      height: 86px
    }

    .name-box[data-v-003725f2] {
      position: relative
    }

    h6.name[data-v-003725f2] {
      height: 42px;
      font-size: 30px;
      font-weight: 700;
      color: #202329;
      line-height: 42px;
      text-align: left;
      margin-bottom: 26px
    }

    .phone-location-box p[data-v-003725f2] {
      height: 18px;
      font-size: 13px;
      color: #333;
      line-height: 18px;
      text-align: left
    }

    .phone-location-box p[data-v-003725f2]:first-child {
      margin-bottom: 6px
    }

    .large-title[data-v-003725f2] {
      height: 24px;
      line-height: 24px;
      font-size: 16px;
      font-weight: 700;
      color: #000;
      margin-bottom: 21px;
      background: #eee
    }

    .little-title[data-v-003725f2] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px
    }

    .company-job[data-v-003725f2] {
      float: left;
      font-size: 15px;
      color: #333;
      line-height: 21px
    }

    .company-job .item[data-v-003725f2] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px;
      margin-right: 22px
    }

    .company-job .item[data-v-003725f2]:first-child {
      font-weight: 700
    }

    .company-dept[data-v-003725f2] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px;
      font-size: 14px;
      color: #333
    }

    .company-dept .item[data-v-003725f2] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px
    }

    .company-dept .item+.item[data-v-003725f2] {
      margin-left: 22px
    }

    .date-range[data-v-003725f2] {
      float: right;
      font-size: 13px;
      font-weight: 400;
      color: #666;
      line-height: 21px
    }

    .edu-duty[data-v-003725f2] {
      width: 100%;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 18px;
      text-align: left;
      white-space: pre-line
    }

    .edu-box .content-box>.item[data-v-003725f2] {
      margin-bottom: 20px
    }

    .edu-box .content-box>.item[data-v-003725f2]:last-child {
      margin-bottom: 0
    }

    .job-desc[data-v-003725f2] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .job-box .job-desc[data-v-003725f2]:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0
    }

    .job-box .job-desc .label[data-v-003725f2] {
      float: left;
      width: 39px;
      height: 21px;
      font-size: 13px;
      font-weight: 700;
      color: #333;
      line-height: 21px
    }

    .job-item[data-v-003725f2],
    .job-item[data-v-003725f2]:last-child {
      margin-bottom: 20px
    }

    .job-box .job-desc .project-list[data-v-003725f2] {
      margin-left: 39px;
      margin-bottom: 12px
    }

    .job-box .job-desc .project-list[data-v-003725f2]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list .project-item[data-v-003725f2] {
      margin-bottom: 13px;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px;
      white-space: pre-line
    }

    .job-box .job-desc .project-list .project-item[data-v-003725f2]:last-child {
      margin-bottom: 0
    }

    .certificate-box .item[data-v-003725f2] {
      display: inline-block;
      margin-right: 22px
    }

    .social-box .item[data-v-003725f2] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .header[data-v-003725f2] {
      display: block;
      width: 100%;
      height: 84px
    }

    .footer[data-v-003725f2] {
      font-size: 12px;
      font-weight: 400;
      color: #8d92a1;
      line-height: 84px;
      text-align: center
    }

    .flex-box[data-v-66614923] {
      display: flex;
      flex-direction: column
    }

    body[data-v-66614923],
    div[data-v-66614923],
    h1[data-v-66614923],
    h2[data-v-66614923],
    h3[data-v-66614923],
    h4[data-v-66614923],
    h5[data-v-66614923],
    h6[data-v-66614923],
    li[data-v-66614923],
    p[data-v-66614923],
    ul[data-v-66614923] {
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box
    }

    .template-container[data-v-66614923] {
      position: relative;
      width: 794px;
      box-sizing: border-box;
      background: #fff;
      padding-top: 84px;
      padding-bottom: 32px
    }

    .item-box[data-v-66614923] {
      padding: 0 40px;
      position: relative;
      color: #333
    }

    .item-box .content-box .item[data-v-66614923] {
      white-space: pre-line;
      word-break: break-all
    }

    .name-avatar-box[data-v-66614923] {
      padding: 0 46px 0 60px;
      height: 86px;
      color: #333;
      position: relative
    }

    .item-box .large-title[data-v-66614923] {
      text-align: center;
      padding: 0 20px
    }

    .item-box .content-box>.item[data-v-66614923] {
      border: 1px solid #ccc
    }

    .avatar[data-v-66614923] {
      position: absolute;
      top: 0;
      right: 46px;
      width: 86px;
      height: 86px;
      border-radius: 50%
    }

    .name-box .name p[data-v-66614923],
    .name-box[data-v-66614923] {
      height: 30px;
      font-size: 24px;
      font-weight: 700;
      color: #202329;
      line-height: 30px;
      text-align: left
    }

    .name-box .name p[data-v-66614923] {
      padding-right: 20px;
      display: inline-block
    }

    .name-box .name>div[data-v-66614923] {
      font-size: 13px;
      color: #333;
      height: 30px;
      line-height: 30px;
      font-weight: 700;
      text-align: left;
      display: inline-block;
      vertical-align: top
    }

    .phone-location-box p[data-v-66614923] {
      height: 18px;
      font-size: 13px;
      color: #333;
      line-height: 18px;
      font-weight: 700;
      text-align: left
    }

    .phone-location-box .phone-row[data-v-66614923] {
      margin: 10px 0
    }

    .large-title[data-v-66614923] {
      height: 22px;
      line-height: 22px;
      font-size: 16px;
      font-weight: 700;
      color: #000;
      margin-top: 36px;
      margin-bottom: 20px
    }

    .little-title[data-v-66614923] {
      height: 40px;
      line-height: 40px;
      border-bottom: 1px solid #ccc;
      padding: 0 20px
    }

    .little-title.dept-title[data-v-66614923] {
      height: 80px
    }

    .little-title.dept-title .dept-info[data-v-66614923] {
      display: block;
      height: 30px;
      line-height: 30px
    }

    .little-title.dept-title .dept-info .item[data-v-66614923] {
      font-weight: 400;
      font-size: 14px;
      height: 30px;
      line-height: 30px
    }

    .company-job[data-v-66614923] {
      float: left;
      font-size: 15px;
      color: #333;
      line-height: 40px
    }

    .company-job .item[data-v-66614923] {
      font-weight: 400;
      display: inline-block;
      line-height: 40px;
      margin-right: 22px
    }

    .company-job .item[data-v-66614923]:first-child {
      font-weight: 700
    }

    .date-range[data-v-66614923] {
      float: right;
      font-size: 13px;
      font-weight: 400;
      color: #666;
      line-height: 40px
    }

    .edu-duty[data-v-66614923] {
      width: 100%;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 18px;
      text-align: left;
      padding: 15px 20px;
      white-space: pre-line
    }

    .edu-box .content-box>.item[data-v-66614923] {
      margin-bottom: 20px
    }

    .edu-box .content-box>.item[data-v-66614923]:last-child {
      margin-bottom: 0
    }

    .job-box .content-box .job-desc .project-list[data-v-66614923] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .job-box .job-desc[data-v-66614923]:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0
    }

    .job-item .job-desc .label[data-v-66614923] {
      float: left;
      width: 39px;
      height: 21px;
      font-size: 13px;
      font-weight: 700;
      color: #333;
      line-height: 21px
    }

    .job-item[data-v-66614923] {
      margin-bottom: 38px;
      border: 1px solid #ccc
    }

    .job-item .job-desc[data-v-66614923] {
      padding: 15px 20px
    }

    .job-box .job-desc .project-list[data-v-66614923] {
      margin-left: 39px;
      margin-bottom: 12px
    }

    .job-box .job-desc .project-list[data-v-66614923]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list .project-item[data-v-66614923] {
      margin-bottom: 13px;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px;
      white-space: pre-line
    }

    .job-box .job-desc .project-list .project-item[data-v-66614923]:last-child {
      margin-bottom: 0
    }

    .certificate-box .content-box[data-v-66614923],
    .social-box .content-box[data-v-66614923] {
      padding: 16px 20px;
      border: 1px solid #ccc
    }

    .certificate-box .content-box .item[data-v-66614923] {
      display: inline-block;
      margin-right: 22px;
      line-height: 24px;
      border: none
    }

    .social-box .content-box .item[data-v-66614923] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 25px;
      border: none
    }

    .content-box[data-v-66614923],
    .edu-box .content-box>.item[data-v-66614923],
    .job-item[data-v-66614923],
    .little-title[data-v-66614923] {
      position: relative
    }

    .dot-top-left[data-v-66614923] {
      left: -2px
    }

    .dot-top-left[data-v-66614923],
    .dot-top-right[data-v-66614923] {
      position: absolute;
      top: -2px;
      width: 4px;
      height: 4px;
      background: #ccc
    }

    .dot-top-right[data-v-66614923] {
      right: -2px
    }

    .dot-bottom-left[data-v-66614923] {
      position: absolute;
      bottom: -2px;
      left: -2px;
      width: 4px;
      height: 4px;
      background: #ccc
    }

    .dot-bottom-right[data-v-66614923] {
      position: absolute;
      bottom: -2px;
      right: -2px;
      width: 4px;
      height: 4px;
      background: #ccc
    }

    .dot-top-center[data-v-66614923] {
      position: absolute;
      top: -2.5px;
      left: 50%;
      width: 4px;
      height: 4px;
      background: #ccc
    }

    .dot-bottom-center[data-v-66614923] {
      position: absolute;
      bottom: -2.5px;
      left: 50%;
      width: 4px;
      height: 4px;
      background: #ccc
    }

    .header[data-v-66614923] {
      display: block;
      width: 100%;
      height: 84px
    }

    .footer[data-v-66614923] {
      font-size: 12px;
      font-weight: 400;
      color: #8d92a1;
      line-height: 84px;
      text-align: center
    }

    body[data-v-5e7ff6fa],
    div[data-v-5e7ff6fa],
    h1[data-v-5e7ff6fa],
    h2[data-v-5e7ff6fa],
    h3[data-v-5e7ff6fa],
    h4[data-v-5e7ff6fa],
    h5[data-v-5e7ff6fa],
    h6[data-v-5e7ff6fa],
    li[data-v-5e7ff6fa],
    p[data-v-5e7ff6fa],
    ul[data-v-5e7ff6fa] {
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box
    }

    .flex-box[data-v-5e7ff6fa] {
      display: flex;
      flex-direction: column
    }

    .template-container[data-v-5e7ff6fa] {
      position: relative;
      width: 794px;
      box-sizing: border-box;
      background: #fff;
      padding-top: 84px;
      padding-bottom: 32px
    }

    .item-box[data-v-5e7ff6fa] {
      padding: 0 80px 30px;
      position: relative;
      color: #333
    }

    .item-box .content-box .item[data-v-5e7ff6fa] {
      white-space: pre-line;
      word-break: break-all
    }

    .item-box.name-avatar-box[data-v-5e7ff6fa] {
      padding-bottom: 8px
    }

    .social-box[data-v-5e7ff6fa] {
      margin-bottom: 9px
    }

    .name-avatar-box ul[data-v-5e7ff6fa]:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0
    }

    .name-avatar-box ul li[data-v-5e7ff6fa] {
      float: left;
      width: 250px;
      height: 75px;
      padding-bottom: 22px
    }

    .name-avatar-box ul li[data-v-5e7ff6fa]:nth-child(2n) {
      width: 252px
    }

    .name-avatar-box ul li[data-v-5e7ff6fa]:nth-child(3n) {
      width: 132px
    }

    .name-avatar-box ul li[data-v-5e7ff6fa]:nth-child(n+4) {
      height: 64px
    }

    .name-avatar-box .item img[data-v-5e7ff6fa] {
      width: 53px;
      height: 53px;
      border-radius: 50%
    }

    .name-avatar-box .item p[data-v-5e7ff6fa] {
      font-size: 13px;
      font-weight: 400;
      color: #999;
      line-height: 18px;
      margin-bottom: 7px
    }

    .name-avatar-box .item h3[data-v-5e7ff6fa] {
      height: 26px;
      font-size: 19px;
      font-weight: 900;
      color: #333;
      line-height: 26px
    }

    .name-avatar-box .item div[data-v-5e7ff6fa] {
      height: 17px;
      font-size: 12px;
      font-weight: 700;
      color: #333;
      line-height: 17px
    }

    .phone-location-box p[data-v-5e7ff6fa] {
      height: 18px;
      font-size: 13px;
      line-height: 18px;
      text-align: left
    }

    .phone-location-box p[data-v-5e7ff6fa]:first-child {
      margin-bottom: 10px
    }

    .large-title[data-v-5e7ff6fa] {
      margin-top: 22px;
      height: 18px;
      font-size: 13px;
      font-weight: 400;
      color: #999;
      line-height: 18px;
      margin-bottom: 22px
    }

    .little-title[data-v-5e7ff6fa] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px
    }

    .company-job[data-v-5e7ff6fa] {
      float: left;
      font-size: 15px;
      color: #333;
      line-height: 21px
    }

    .company-job .item[data-v-5e7ff6fa] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px;
      margin-right: 22px
    }

    .company-job .item[data-v-5e7ff6fa]:first-child {
      font-weight: 700
    }

    .company-dept[data-v-5e7ff6fa] {
      height: 21px;
      line-height: 21px;
      margin-bottom: 12px;
      font-size: 14px;
      color: #333
    }

    .company-dept .item[data-v-5e7ff6fa] {
      font-weight: 400;
      display: inline-block;
      line-height: 21px
    }

    .company-dept .item+.item[data-v-5e7ff6fa] {
      margin-left: 22px
    }

    .date-range[data-v-5e7ff6fa] {
      float: right;
      font-size: 13px;
      font-weight: 400;
      color: #666;
      line-height: 21px
    }

    .edu-duty[data-v-5e7ff6fa] {
      width: 100%;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 18px;
      text-align: left;
      white-space: pre-line
    }

    .edu-box .content-box>.item[data-v-5e7ff6fa] {
      margin-bottom: 22px
    }

    .edu-box .content-box>.item[data-v-5e7ff6fa]:last-child {
      margin-bottom: 0
    }

    .job-desc[data-v-5e7ff6fa] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .job-box .job-desc[data-v-5e7ff6fa]:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0
    }

    .job-box .job-desc .label[data-v-5e7ff6fa] {
      float: left;
      width: 39px;
      height: 21px;
      font-size: 13px;
      font-weight: 700;
      color: #333;
      line-height: 21px
    }

    .job-item[data-v-5e7ff6fa] {
      margin-bottom: 20px
    }

    .job-item[data-v-5e7ff6fa]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list[data-v-5e7ff6fa] {
      margin-left: 39px;
      margin-bottom: 12px
    }

    .job-box .job-desc .project-list[data-v-5e7ff6fa]:last-child {
      margin-bottom: 0
    }

    .job-box .job-desc .project-list .project-item[data-v-5e7ff6fa] {
      margin-bottom: 13px;
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px;
      white-space: pre-line
    }

    .job-box .job-desc .project-list .project-item[data-v-5e7ff6fa]:last-child {
      margin-bottom: 0
    }

    .certificate-box .item[data-v-5e7ff6fa] {
      display: inline-block;
      margin-right: 22px;
      font-size: 12px;
      font-weight: 400;
      color: #333;
      line-height: 20px
    }

    .social-box .item[data-v-5e7ff6fa] {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      line-height: 21px
    }

    .header[data-v-5e7ff6fa] {
      display: block;
      width: 100%;
      height: 84px
    }

    .footer[data-v-5e7ff6fa] {
      font-size: 12px;
      font-weight: 400;
      color: #8d92a1;
      line-height: 84px;
      text-align: center
    }

    .switch-templates-wrapper[data-v-a02a0346] {
      background-color: #eef0f5;
      overflow: hidden
    }

    .header[data-v-a02a0346] {
      height: 60px;
      background: #fff;
      box-shadow: 0 -1px 0 0 #eef0f5
    }

    .header .container[data-v-a02a0346] {
      width: 1184px;
      margin: 0 auto;
      height: 60px;
      padding: 13px 0;
      position: relative;
      text-align: center
    }

    .header .container .btn-to-edit[data-v-a02a0346] {
      width: 84px;
      height: 34px;
      position: absolute;
      left: 0;
      top: 13px;
      font-size: 14px;
      font-weight: 400;
      cursor: pointer;
      display: flex;
      align-items: center;
      color: #414a60;
      transition: all .15s linear
    }

    .header .container .btn-to-edit i[data-v-a02a0346] {
      color: #61687c;
      font-size: 16px;
      transition: all .15s linear
    }

    .header .container .btn-to-edit:hover i[data-v-a02a0346],
    .header .container .btn-to-edit[data-v-a02a0346]:hover {
      color: #5dd5c8
    }

    .header .container .cv-name[data-v-a02a0346] {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 450px;
      font-size: 14px;
      font-weight: 500;
      color: #414a60;
      line-height: 14px;
      padding: 0 30px;
      text-align: center
    }

    .header .container .ui-select-single[data-v-a02a0346] {
      text-align: left
    }

    .header .container .btn-box[data-v-a02a0346] {
      position: absolute;
      right: 0;
      top: 13px;
      display: flex;
      justify-content: flex-end
    }

    .btn-switch[data-v-a02a0346] {
      margin-right: 16px;
      cursor: pointer
    }

    .btn-download[data-v-a02a0346],
    .btn-switch[data-v-a02a0346],
    .btn-use[data-v-a02a0346] {
      display: inline-block;
      width: 110px
    }

    .select-templates-box[data-v-a02a0346] {
      height: 229px;
      background: url(https://static.zhipin.com/zhipin-geek/chat/v39/static/images/templates-bg.bcd079e6.png) no-repeat;
      background-size: cover;
      padding: 20px 0
    }

    .select-templates-box .slide-box[data-v-a02a0346] {
      position: relative;
      width: 1184px;
      padding: 0 42px;
      margin: 0 auto
    }

    .select-templates-box .slide-box .slide-box-wrapper[data-v-a02a0346] {
      width: 100%;
      overflow: hidden
    }

    .select-templates-box .slide-box .slide-box-wrapper.center[data-v-a02a0346] {
      display: flex;
      justify-content: center
    }

    .select-templates-box .slide-box .go-left[data-v-a02a0346],
    .select-templates-box .slide-box .go-right[data-v-a02a0346] {
      position: absolute;
      top: 50%;
      margin-top: -31px;
      cursor: pointer;
      width: 30px;
      height: 62px;
      background-color: rgba(0, 0, 0, .08);
      border-radius: 4px;
      transition: all .2s linear
    }

    .select-templates-box .slide-box .go-left[data-v-a02a0346]:hover,
    .select-templates-box .slide-box .go-right[data-v-a02a0346]:hover {
      background-color: rgba(0, 0, 0, .13)
    }

    .select-templates-box .slide-box .go-left img[data-v-a02a0346],
    .select-templates-box .slide-box .go-right img[data-v-a02a0346] {
      width: 30px;
      display: block;
      margin-top: 16px
    }

    .select-templates-box .slide-box .go-left[data-v-a02a0346] {
      left: 0
    }

    .select-templates-box .slide-box .go-right[data-v-a02a0346] {
      right: 0
    }

    .select-templates-box .list-box[data-v-a02a0346] {
      position: relative;
      display: flex;
      align-items: center;
      transition: all .2s linear
    }

    .select-templates-box .list-box .item[data-v-a02a0346] {
      flex-grow: 0;
      flex-shrink: 0;
      width: 120px;
      height: 164px;
      box-sizing: border-box;
      cursor: pointer
    }

    .select-templates-box .list-box .item+.item[data-v-a02a0346] {
      margin-left: 20px
    }

    .select-templates-box .list-box .item.vip .img-box[data-v-a02a0346] {
      position: relative
    }

    .select-templates-box .list-box .item.vip .img-box .icon-vip[data-v-a02a0346] {
      position: absolute;
      left: 0;
      top: 0;
      width: 40px;
      z-index: 10
    }

    .select-templates-box .list-box .item.vip .img-box .img[data-v-a02a0346] {
      border: 1px solid #e7b597
    }

    .select-templates-box .list-box .item.vip .img-box .icon-selected[data-v-a02a0346] {
      right: 2px;
      bottom: 2px
    }

    .select-templates-box .list-box .item .img-box[data-v-a02a0346] {
      width: 100%;
      height: 100%;
      position: relative;
      margin-bottom: 5px;
      overflow: hidden;
      border: 5px solid transparent;
      border-radius: 2px;
      transition: all .15s linear
    }

    .select-templates-box .list-box .item .img-box .icon-selected[data-v-a02a0346] {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 18px;
      height: 18px;
      line-height: 18px;
      background: #5dd5c8;
      color: #fff;
      border-radius: 4px 0 0 0;
      text-align: center;
      font-weight: 900;
      font-size: 12px;
      opacity: 0
    }

    .select-templates-box .list-box .item .img-box .img[data-v-a02a0346] {
      width: 100%;
      height: 100%
    }

    .select-templates-box .list-box .item .img-box .btn-use[data-v-a02a0346] {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: none;
      width: 84px;
      height: 26px;
      font-size: 12px;
      line-height: 26px;
      border-radius: 13px;
      box-sizing: border-box;
      text-align: center;
      background: #5dd5c8;
      color: #fff;
      cursor: pointer;
      font-weight: 500;
      border: none
    }

    .select-templates-box .list-box .item .img-box .btn-use[data-v-a02a0346]:hover {
      background: #00cec5;
      transition: all .15s linear
    }

    .select-templates-box .list-box .item:hover .img-box[data-v-a02a0346] {
      border: 5px solid rgba(9, 133, 120, .2)
    }

    .select-templates-box .list-box .item:hover .img-box .btn-use[data-v-a02a0346] {
      display: block
    }

    .select-templates-box .list-box .item.selected .img-box[data-v-a02a0346] {
      overflow: hidden
    }

    .select-templates-box .list-box .item.selected .img-box .icon-selected[data-v-a02a0346] {
      opacity: 1
    }

    .select-templates-box .list-box .item h5[data-v-a02a0346] {
      font-size: 12px;
      font-weight: 400;
      line-height: 17px;
      text-align: center
    }

    .preview-box[data-v-a02a0346] {
      width: 794px;
      min-height: 1124px;
      background: #fff;
      margin: 20px auto 62px;
      box-shadow: 0 8px 20px 2px rgba(0, 0, 0, .08);
      overflow: hidden
    }

    .body-bg {
      background: #fff
    }

    body[data-v-25000da0] {
      background-color: #40424f !important
    }

    .mail-container[data-v-25000da0] {
      background-color: #40424f;
      min-height: 1365px
    }

    .mail-container .mail-content[data-v-25000da0] {
      margin: 0 auto;
      display: flex;
      min-height: 1365px;
      justify-content: center
    }

    .mail-container .mail-content .mail-item[data-v-25000da0]:first-child {
      width: 882px;
      min-height: 600px;
      background-color: #fff;
      text-align: center;
      margin-right: 10px
    }

    .mail-container .mail-content .mail-item[data-v-25000da0]:nth-child(2) {
      width: 318px
    }

    .mail-container .mail-content .mail-item:nth-child(2) .mail-item-content[data-v-25000da0] {
      margin: 0 auto;
      text-align: center
    }

    .mail-container .mail-content .mail-item:nth-child(2) .mail-item-content[data-v-25000da0]:first-child {
      width: 112px;
      height: 112px;
      margin-top: 198px
    }

    .mail-container .mail-content .mail-item:nth-child(2) .mail-item-content:first-child img[data-v-25000da0] {
      width: 100%
    }

    .mail-container .mail-content .mail-item:nth-child(2) .mail-item-content[data-v-25000da0]:nth-child(2) {
      font-size: 20px;
      margin-top: 30px;
      color: #fff;
      font-weight: 400
    }

    .mail-container .mail-content .mail-item:nth-child(2) .mail-item-content[data-v-25000da0]:nth-child(3) {
      opacity: .2;
      font-size: 14px;
      color: #fff;
      margin-top: 18px
    }

    .mail-container .mail-content .mail-item:nth-child(2) .mail-item-content[data-v-25000da0]:nth-child(4) {
      display: block;
      margin-top: 100px;
      padding: 0 30px;
      background-color: #5dd5c8;
      border: 1px solid #5dd5c8;
      height: 34px;
      line-height: 34px;
      width: 160px;
      color: #fff
    }

    .mail-container .mail-content .mail-item:nth-child(2) .mail-item-content[data-v-25000da0]:nth-child(5) {
      opacity: .2;
      color: #fff;
      margin-top: 10px;
      font-size: 12px
    }

    .mail-container .loseEfficacy[data-v-25000da0] {
      max-width: 1200px;
      margin: 0 auto;
      padding: 170px 0;
      background-color: #fff;
      text-align: center;
      height: 637px;
      position: relative
    }

    .mail-container .loseEfficacy .item[data-v-25000da0]:first-child {
      font-size: 26px;
      font-weight: 400;
      margin-bottom: 10px
    }

    .mail-container .loseEfficacy .item[data-v-25000da0]:nth-child(2) {
      color: #61687c
    }

    .mail-container .loseEfficacy .item:nth-child(3) img[data-v-25000da0] {
      display: block;
      width: 109px;
      height: 109px;
      margin: 30px auto 0
    }

    .mail-container .loseEfficacy .item[data-v-25000da0]:nth-child(4) {
      color: #61687c;
      font-size: 20px;
      font-weight: 400;
      margin-top: 30px
    }

    .mail-container .loseEfficacy .item[data-v-25000da0]:nth-child(5) {
      font-size: 14px;
      color: #61687c;
      margin-top: 10px
    }

    .mail-container .loseEfficacy .item[data-v-25000da0]:nth-child(6) {
      position: absolute;
      bottom: 10px;
      color: #ddd;
      text-align: center;
      width: 100%
    }
  </style>
</head>

<body style="display:none;">
  <div data-v-a02a0346="" class="preview-box">
    <div data-v-a02a0346="" class="preview-wrapper">
      <div data-v-4698bbb4="" class="template-container">
        <div data-v-4698bbb4="" class="flex-box">
          <div data-v-4698bbb4="" class="vip-header"></div>
          <div data-v-4698bbb4="" class="item-box name-avatar-box">
            <div data-v-4698bbb4="" class="name-box"><img data-v-4698bbb4=""
                src=""
                class="avatar">
              <div data-v-4698bbb4="" class="phone-location-box">
                <h6 data-v-4698bbb4="" class="name" id="name">姓名</h6>
                <p data-v-4698bbb4="" class="user-info"><span data-v-4698bbb4=""> <span id="sex"></span> | 生日：<span id="birth"></span></span><span
                    data-v-4698bbb4=""><span data-v-4698bbb4="" class="phone-row"><img data-v-4698bbb4=""
                        src=""><span
                        data-v-4698bbb4="" id="phone">13713666493</span></span>
                    <!---->
                  </span></p>
                <p data-v-4698bbb4="" class="location-row"> <span id="job-status">离职-随时到岗</span> | 工作经验：<span id="years">0</span>年以上经验</p>
              </div>
            </div>
          </div>
          <div data-v-4698bbb4="" class="item-box certificate-box">
            <div data-v-4698bbb4="" class="large-title">
              <div data-v-4698bbb4="" class="title">
                <p data-v-4698bbb4="">个人优势</p>
                <p data-v-4698bbb4="" class="color"></p>
              </div>
            </div>
            <div id="advantage">
              <!-- <ul data-v-4698bbb4="" class="content-box">
                <li data-v-4698bbb4="" class="item">6年web开发经验，1年python人工智能研究，丰富的项目经验，深厚的编程功底，数学成绩好，英语六级，责任心强，喜钻研，务实。</li>
              </ul> -->
            </div>
          </div>
          <div data-v-4698bbb4="" class="item-box job-box">
            <div data-v-4698bbb4="" class="large-title">
              <div data-v-4698bbb4="" class="title">
                <p data-v-4698bbb4="">工作经历</p>
                <p data-v-4698bbb4="" class="color"></p>
              </div>
            </div>
            <div data-v-4698bbb4="" class="content-box">
              <!-- <ul data-v-4698bbb4="">
                <li data-v-4698bbb4="" class="job-item">
                  <div data-v-4698bbb4="" class="little-title">
                    <h5 data-v-4698bbb4="" class="company-job">
                      <div data-v-4698bbb4="" class="company-box"><span data-v-4698bbb4=""
                          class="item">上海八点半网络科技有限公司</span><span data-v-4698bbb4="" class="item">web前端</span></div>
                      <div data-v-4698bbb4="" class="duration">2019.06-2020.11</div>
                    </h5>
                  </div>
                  <div data-v-4698bbb4="" class="job-desc">
                    <p data-v-4698bbb4="" class="label">内容</p>
                    <ul data-v-4698bbb4="" class="project-list">
                      <li data-v-4698bbb4="" class="project-item"> 1，负责公司现有项目前端代码的开发和维护
                        2，负责公司新项目的前端架构和前端开发
                        3，参与讨论新项目前后端技术选型和项目整体架构 </li>
                    </ul>
                    <ul data-v-4698bbb4="" class="project-list">
                      <li data-v-4698bbb4="" class="project-item"> </li>
                    </ul>
                  </div>
                </li>
              </ul> -->
            </div>
          </div>
          <div data-v-4698bbb4="" class="item-box edu-box edu-container">
            <div data-v-4698bbb4="" class="large-title">
              <div data-v-4698bbb4="" class="title">
                <p data-v-4698bbb4="">教育经历</p>
                <p data-v-4698bbb4="" class="color"></p>
              </div>
            </div>
            <!-- <ul data-v-4698bbb4="" class="content-box">
              <li data-v-4698bbb4="" class="item">
                <div data-v-4698bbb4="" class="little-title">
                  <h5 data-v-4698bbb4="" class="company-job">
                    <div data-v-4698bbb4="" class="item">武汉科技大学</div>
                    <div data-v-4698bbb4="" class="item">本科</div>
                    <div data-v-4698bbb4="" class="item">国际经济与贸易</div>
                  </h5>
                  <div data-v-4698bbb4="" class="duration">2005-2009</div>
                </div>
                <div data-v-4698bbb4="" class="edu-duty"></div>
              </li>
            </ul> -->
          </div>
          <div data-v-4698bbb4="" class="item-box certificate-box">
            <div data-v-4698bbb4="" class="large-title">
              <div data-v-4698bbb4="" class="title">
                <p data-v-4698bbb4="">资格证书</p>
                <p data-v-4698bbb4="" class="color"></p>
              </div>
            </div>
            <!-- <ul data-v-4698bbb4="" class="content-box">
              <li data-v-4698bbb4="" class="item"> 大学英语六级 </li>
            </ul> -->
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
  <script src="jquery.min.js"></script>
  <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
  <!-- <script src="bootstrap.min.js"></script> -->
</body>

</html>